Tag ประกอบด้วย tag เปิด และ tag ปิด จะมีเครื่องหมายใดนำหน้าคำสั่ง เมื่อปิด tag

คำสั่ง (Tag)

(Tag) เป็น คำสั่งหลักของ HTML แทบจะพูดได้ว่า ทุกสิ่งทุกอย่างของ HTML จะขึ้นอยู่กับ tag ทั้งนั้น ไม่ว่าจะเป็น การเน้นข้อความ การแสดงภาพประกอบ หรือการสร้างจุดเชื่อมโยง (link) โปรแกรมบราวเซอร ์จะตีพิมพ์เอกสารออกมาในรูปแบบใด ก็โดยคำสั่ง tag ทั้งสิ้น

เรา สามารถเขียนคำสั่ง (Tag) ด้วยตัวอักษรใหญ่หรือเล็กก็ได้ จะมีความหมายเหมือนกัน ข้อบังคับข้อหนึ่งของ tag ก็คือ จะต้องอยู่ภายในเครื่องหมาย "< " และ ">".

Tag มี 2 ชนิด คือ คอนแทนเนอร์แท็ก (Container Tag) และแท็กเปล่า (Empty Tag)

คอนแทนเนอร์แท็ก (Container Tag) เป็นคำสั่ง ที่บรรจุบางสิ่งบางอย่างอยู่ภายใน ซึ่งอาจจะเป็นข้อความ และ /หรือ คำสั่ง (tag) อื่น ๆ คอนแทนเนอร์แท็ก จะประกอบอ้วย Tag เปิด และ Tag ปิด ใช้คู่กัน เรียกว่า tag คู่

Tag เปิด จะอยู่ในรูปแบบ <Tag> โดยที่ "Tag" คือส่วนที่เป็นคำสั่ง ของภาษา HTML ที่ต้องการจะใช้

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

แท็กเปล่า (Empty Tag) tag ชนิดนี้ จะต่างจาก คอนแทนเนอร์แท็ก เนื่องจากไม่มีข้อมูลใด ๆ บรรจุอยู่ภายใน tag เปล่าจะมีเพียงส่วนของ tag เปิดเท่านั้น ไม่มี tag ปิด เรียกว่า tag เดี่ยว เช่น tag <hr> tag <br> เป็นต้น

รูปแบบภาษา HTML


        ภาษา HTML ประกอบด้วย (tag) ทำหน้าที่ควบคุมโครงสร้างและการแสดงผลของเว็บเพจ ซึ่งจะถูกแปลผลด้วยโปรแกรมบราวเซอร์ รูปแบบของคำสั่งจะประกอบด้วย ตัวอักษรคำสั่งอยู่ภายใต้เครื่องหมาย <   > แท็กมี 2 รูปแบบดังนี้

        
        1. แท็กคู่ ประกอบด้วยคู่ของแท็กที่อยู่ภายใต้เครื่องหมาย <  > คำสั่งแต่ละคู่จะมีชื่อเรียกว่า แท็กเปิด  (open tag)         และ แท็กปิด  (close tag) แท็กเปิดเป็นคำสั่งที่อยู่หน้าข้อความเพื่อกำหนดจุดเริ่่มต้นลักษณะหรือรูปแบบการแสดงผล แท็กปิดคล้ายกับแท็กเปิด แต่มีเครื่องหมาย สแลซ ( / ) อยู่ภายใน ทำหน้าที่ปิดท้ายข้อความเพื่อกำหนดจุดสิ้นสุดของลักษณะหรือรูปแบบการแสดงผลนั้น ๆ มีรูแบบดังนี้


 <คำสั่ง>   ข้อความ  </คำสั่ง>


ตัวอย่างของแท็กเปิดและแท็กปิด

 <HTML>
<HEAD>
<BODY>
 </HTML>
</HEAD>
</BODY> 
 แท็กเปิด แท็กปิด 

        ในแต่ละแท็กอาจมีลักษณะประจำ (attribute) ซึ่งเป็นส่วนขยายรายละเอียดในการแสดงผล โดยจะต้องใส่ภายในเครื่องหมาย < > ในส่วนของแท็กเปิด คำสั่งภาษา HTML แต่ละคำสั่งจะมีลักษณะประจำไม่เท่ากัน การระบุลักษณะประจำมากกว่า 1 แบ ให้ใช้ช่องว่างเป็นตัวคั่น ดังตัวอย่าง

                                         <BODY text="#FF0000" BGCOLOR="#00FF00" >
                                            โฮมเพจแรกของฉัน
                                         </BODY>


        2. แท็กเดี่ยว เป็นแท็กที่มีเฉพาะแท็กเปิดเท่านั้น มีรูปแบบดังนี้

        เช่น  <BR>     เป็นแท็กสำหรับการขึ้นบรรทัดใหม่

                <HR>     เป็นแท็กสำหรับสร้างเส้นกั้นตามแนวนอน

        ซึ่งแท็กเดี่ยวเหล่านี้เป็นแท็กที่ไม่ได้ทำงานเกี่ยวกับการแสดงผลอักษรหรือภาพ

การเขียนแท็กจะใช้อักษรตัวเล็ก (lower case) หรืออักษรตัวใหญ่ (upper case) หรือผสมกันได้เช่น <HTML> หรือ

<html> หรือ <Html>  โปรแกรมบราวเซอร์จะถือว่าเป็นคำสั่งเดียวกัน ยกเว้นในบางระบบที่จะถือว่าการใช้ตัวอักษรใหญ่หรือเล็กคนละตัวกัน   เช่น <IMG SRC="picture.gif"></IMG> และ <IMG SRC="PICTURE.GIF"></IMG>

ที่มาของข้อมูล : หนังสือเรียนวิชาเพิ่มเติม เทคโนโลยีสารสนเทศและการสื่อสาร กราฟฟิกและเทคโนโลยีสื่อประสม สสวท.