โครงสร้าง tag
1. <html>............</html>
เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่งสิ้นสุดโปรแกรม คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บบราวเซอร์
แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบ และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
2. <head>..........</head>
ใช้กำหนดข้อความ ในส่วนที่เป็น ชื่อเรื่อง
เช่น ชื่อเรื่องของหน้าเว็บ , ชื่อผู้จัดทำเว็บ, คีย์เวิร์ดสำหรับการค้นหา โดยมี Tag สำคัญ
3. <title>.............</title>
เป็นส่วนชื่อเอกสาร เป็นการตั้งชื่อไม่ยาวเกิน เพียงให้รรู้ว่าการใช้งานเกี่ยวกับอะไร
และควรใช้ภาษาที่มีความหมายครอบคลุม ถึงเนื้อหาของเว็บเพจนั้น
4. <body>...........</body>
ส่วนเนื้อหาของโปรแกรม เป็นส่วนที่แสดงทางหน้าจอ
ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ
ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน
หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag
ตัวอย่าง การสร้างตาราง แบบพื้นฐานโดยใช้ Bootstrap
โค้ด: เลือกทั้งหมด
<table class="table">
<caption>คำอธิบายตาราง</caption>
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
เป็นโปรแกรม HTML ที่ใช้สำหรับการแสดงผลทางหน้าจอ ในรูปแบบข้อความ รูปภาพ หรือภาพเคลี่ยนไหว และสามารถเชื่อมโยงข้อมูลกไปยังเอกสารอื่นที่มีความสามารถสูงเหนือกว่าเอกสารทั่วไป และสามารถนำมาแสดงบนหน้าจอบนระบบอินเตอร์เน็ตได้ เรียกดูผลได้บนโปรแกรมเบราเซอร์ได้
อ้างอิง
https://krooampcom.wordpress.com/online/html/html1/
https://pirun.ku.ac.th/~agrtnk/web/units/unit1/unit1-3.htm
https://code-th.com/html/lesson/tables