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

คำสั่ง Tag


รูปแบบของ tag 

รูปแบบของ tag แบ่งออกเป็น 2 กลุ่ม คือ

1. tag เดี่ยว
คือ รูปแบบค าสั่งที่มีเพียงค าสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>

2. tag คู่
คือ รูปแบบค าสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของค าสั่งถึงจะสามารถท างานได้
สมบูรณ์ โดยส่วนจบของแต่ละค าสั่งจะมีเครื่องหมาย Slash (/) ไว้หน้าแท็กค าสั่งนั้น เช่น
<html>......</html>


tag คู่ มีทั้งหมด 4 แท็ก คือ
1. <html>...</html>
2. <head>....</head>
3. <title>....</title>
4. <body>....</body>

tag เดี่ยว มีทั้งหมด 1 แท็ก คือ <br>


tag คำสั่งหลัก ของการเขียนโปรแกรมด้วยภาษา HTML

การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัดวางค าสั่งหลักที่เป็น
มาตรฐานเหมือนกันทั่งโลก โดยจะประกอบด้วยค าสั่งหลักๆ อยู่ 4 ค าสั่งด้วยกัน ดังนี้

1. <html>........</html>
เป็นค าสั่งที่ท าหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

2. <head>........</head>
เป็นค าสั่งที่ท าหน้าที่ก าหนดส่วนหัวเรื่อง

3. <title>.........</title>
เป็นค าสั่งที่ใช้ก าหนดข้อความที่ต้องการน ามาแสดงผลบนแถบ Title Bar ค าสั่งนี้จะอยู่ภายในค าสั่ง
ส่วน <head>......</head> โดยก าหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร

4. <body>.........</body>
เป็นค าสั่งที่ก าหนดข้อความและรูปแบบของค าสั่งต่างๆ ที่ใช้ส าหรับปรับแต่งเอกสารที่จะน าเสนอออก
ทางส่วนแสดงผลหลักของ Web Browser


ขอบคุณข้อมูลจาก : http://www.saensuk.ac.th/html/k1.pdf


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

ส่งอีเมลข้อมูลนี้BlogThis!แชร์ไปที่ Twitterแชร์ไปที่ Facebookแชร์ใน Pinterest

      2. Tag เปิด/ปิด เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash ( / ) นำหน้าคำสั่งใน Tag นั้น ๆ เช่น …… (Tag กำหนดตัวหนา), …จุด link.. (Tag กำหนดการเชื่อมโยงข้อมูล)   เป็นต้น

1.3 โครงสร้างของภาษา HTML

      การเขียนโฮมเพจด้วยภาษา HTML  นั้น เอกสาร HTML จะประกอบด้วยส่วนประกอบ 2 ส่วน ดังนี้

      1. ส่วน Head คือส่วนที่จะเป็นหัว (Header) ของหน้าเอกสารทั่วไป หรือส่วนชื่อเรื่อง (Title) ของหน้าต่างการทำงานในระบบ Windows
      2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ ซึ่งจะประกอบด้วย Tag คำสั่งในการจัดรูปแบบ หรือตกแต่งเอกสาร HTML

       ในทั้งสองส่วนนี้จะอยู่ภายใน Tag … ดังนี้

 


 

ส่วนชื่อเอกสาร
 


 

     tag คำสั่ง
 


 

        คำสั่ง หรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า "<" ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม "/" (Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย

       ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนคละกันได้ เช่น หรือ หรือ ซึ่งจะให้ผลเหมือนกัน

คำสั่งเริ่มต้นของเอกสาร HTML

..........

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

..........

Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ

       ..........

       ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะ

       พิเศษ เช่น ตัวหนา เอียง หรือสี และควรใช้ภาษาที่มีความหมายครอบคลุม

       ถึงเนื้อหาของเว็บเพจ นั้น หรือเป็นคำสำคัญในการค้นหา (Keyword)

..........

Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag …

รูปแบบภาษา HTML


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


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

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

 

 

  แท็กเปิดแท็กปิด 

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

                                        
                                            โฮมเพจแรกของฉัน
                                         

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

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

               


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

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

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

หรือ   โปรแกรมบราวเซอร์จะถือว่าเป็นคำสั่งเดียวกัน ยกเว้นในบางระบบที่จะถือว่าการใช้ตัวอักษรใหญ่หรือเล็กคนละตัวกัน   เช่น

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

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