Page 44 - ระบบบริหารจัดการงบประมาณด้านเทคโนโลยีสารสนเทศและการสื่อสาร กรมพัฒนาที่ดิน
P. 44

ห้องสมุดกรมพัฒนาที่ดิน
                                                                                                      2-20


                              2)   ความเข้าใจเบื้องต้นเกี่ยวกับภาษา HTML

                                  ภาษา HTML หรือ Hypertext Markup Language แตกความหมายของแต่ละค าแล้ว

                   ให้ความหมายของ HTML ดังนี้
                                   2.1)  Hyper  มีความหมายตรงกันข้ามกับเรียงล าดับ นั้นหมายความว่า หน้าเว็บที่

                   สร้างขึ้นด้วยภาษา จะอนุญาตให้ผู้ชมเว็บไปจุดไหนในหน้าเว็บเมื่อไหร่ก็ได้ตามความต้องการ
                                   2.2)  Text ในที่นี้หมายถึง สิ่งที่เราใช้จริง เช่นข้อความ ภาพ หรือสื่อต่างๆ
                                   2.3)  Markup ในที่นี่หมายถึง สิ่งที่เราท า เช่น การตกแต่งข้อความให้น่าสนใจ

                                   2.4)  Language  ส าหรับภาษา HTML ภาษานี้ไม่ได้ถือเป็นภาษาคอมพิวเตอร์ที่
                   สามารถสร้าง จากตัวภาษาได้ แต่ลักษณะการเขียน HTML จะมีรูปแบบ โครงสร้างและหลักไวยากรณ์การ
                   เขียนเช่นเดียวกับภาษาคอมพิวเตอร์

                                   ดังนั้น HTML  จึงหมายถึง ภาษาที่เราสามารถสร้างใช้เขียนหน้าเว็บ โดยภาษาที่เขียน
                   ขึ้นจะมีหน้าที่บอกให้เบราว์เซอร์จัดเรียงหรือแสดงข้อความและภาพตามการตกแต่ง เช่น ตัวอักษรจะ
                   แสดงด้วยตัวหนา หรือตัวที่ขีดเส้นใต้แทรกภาพและสร้างการเชื่อมโยงเพื่อกระโดดไปส่วนต่างๆ ของหน้า

                   เว็บหน้าอื่นหรือหน้าเว็บอื่น เป็นต้น

                              3)   โครงสร้างพื้นฐาน HTML

                                  3.1)   ค าสั่งภาษา HTML แบ่งเป็น 2 ส่วน คือ
                                       3.1.1)  ส่วนของค าสั่งหรือ tag  เป็นส่วนที่ก าหนดการท างานซึ่งข้อความค าสั่ง

                   จะถูกเขียนอยู่ภายในเครื่องหมาย <…> แทรกแสดงค าสั่งประกอบด้วย 2 แบบ ได้แก่
                                               (1) Tag เดี่ยว เป็น tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>,<BR> เป็นต้น


                                               (2) Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag>….</tag> โดยที่
                                                    <tag> เราเรียกว่า tag เปิด


                                                    </tag> เราเรียกว่า tag ปิด จะต้องมีเครื่องหมาย/อยู่หน้าชื่อแท็ก
                   เช่น <hl> ชื่อข่าวเด่นวันนี้ </hl>
                                                    ภายในแท็กค าสั่งบางแท็กจะมี Attributes เป็นตัวบอก
                   รายละเอียดของ tag นั้น

                                                    <span align= ‘left’>….</span> ในที่นี้ align เป็น attribute
                   บอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย
                                                    การเขียนชื่อแท็กอาจจะเขียนด้วยตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ก็
                   ได้ (not care sensitive) หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่แตกต่างกัน

                                       3.1.2)  ส่วนของข้อความที่เราต้องการให้แสดงผลบนหน้าเว็บ ตัวอย่างการใช้

                   ภาษา HTML

                                               <html>…</html>  เพื่อแจ้งให้ browser  รู้ว่าเอกสารต่อไปนี้เป็น
                   เอกสาร HTML ดังนั้น การเขียนเว็บจะต้องมีการเริ่ม <html> แล้วปิดด้วย </html> เสมอ
   39   40   41   42   43   44   45   46   47   48   49