ใช้แท็ก <ol> พร้อม attribute type=a เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นตัวอักษรเล็ก a, b, c, ... ค่าของ type attribute ค่ารูปแบบตัวเลข 11, 2, 3, ... (ค่าเริ่มต้น) aa, b, c, ... (ตัวเล็ก) AA, B, C, ... (ตัวใหญ่) ii, ii, iii, ... (โรมันเล็ก) II, II, III, ... (

การรวมเซลล์ (Merge Cells) ใช้ rowspan (แนวตั้ง) และ colspan (แนวนอน) ใน <td> หรือ <th> ตัวอย่าง: ตาราง 3x3 ปกติ <table> <tr><th></th><th></th><th></th></tr> <tr><td></td><td></td><td></td>

ใช้ attribute colspan ใน <td> หรือ <th> เพื่อรวมคอลัมน์ที่ติดกัน ตัวอย่าง: ตารางปกติ 3x3 <table> <tr><th></th><th></th><th></th></tr> <tr><td></td><td></td><td></td></tr> <tr&g

rowspan และ colspan เป็น attribute ของ <td> และ <th> ใช้สำหรับรวมเซลล์ข้ามหลายแถวหรือหลายคอลัมน์ คำอธิบาย rowspan=n - รวมเซลล์ข้าม n แถว (แนวตั้ง) colspan=n - รวมเซลล์ข้าม n คอลัมน์ (แนวนอน) ค่าเป็นตัวเลขจำนวนเต็มบวก (1, 2, 3, ...) ตัวอย่างโครงสร้าง <table> <tr>

หัวตารางแนวนอน (Horizontal Header) คือการวาง <th> ทั้งหมดใน <tr> แถวเดียว ที่เป็นแถวบนสุดของตาราง โครงสร้าง <table> <tr> <th>Name</th> <th>Age</th> <th>Technology</th> </tr> <tr> <td>Amit</td>

ใน HTML5 ไม่รองรับ attribute border ของ <table> แล้ว ต้องใช้ CSS property border แทน กำหนดให้ table, th, td ทั้งหมด วิธีการ table, th, td { border: 1px solid black; } ตัวอย่างเต็ม <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid bl

ใช้ CSS property border-collapse ควบคุมการแสดงขอบตาราง มี 2 ค่า: ค่าคำอธิบาย separateขอบแยกกัน (ค่าเริ่มต้น) - มีช่องว่างระหว่างเซลล์ collapseรวมขอบเป็นเส้นเดียว - ไม่มีช่องว่าง ตัวอย่าง: collapse <!DOCTYPE html> <html> <head> <style> table {

แท็ก <caption> ใช้สำหรับเพิ่มหัวข้อ/คำอธิบายให้ตาราง ต้องวางทันทีหลังแท็ก <table> เปิดตัว คุณสมบัติ ต้องเป็น child element แรกของ <table> มีได้เพียง 1 ต่อ 1 ตาราง Browser จะแสดงอยู่เหนือตาราง จัดกึ่งกลางโดยค่าเริ่มต้น ช่วย accessibility (screen reader จะอ่าน caption ก่อน)

ใน HTML5 ไม่รองรับ attribute align ของ <table> หรือ <td> แล้ว ต้องใช้ CSS property text-align แทน วิธีการ <td style=text-align: center>ข้อความกึ่งกลาง</td> <td style=text-align: left>ชิดซ้าย</td> <td style=text-align: right>ชิดขวา</td> ตัวอย่างเต็ม &

ใช้ CSS property border-spacing เพื่อกำหนดระยะห่างระหว่างเซลล์ในตาราง ทำงานเมื่อ border-collapse: separate (ค่าเริ่มต้น) ค่าที่ใช้ได้ border-spacing: 20px - ระยะห่างทุกด้าน 20px border-spacing: 10px 20px - แนวนอน 10px, แนวตั้ง 20px ค่าเริ่มต้นคือ 0 (ไม่มีช่องว่าง) ตัวอย่าง <!DOCTYPE htm

ใน HTML สามารถวางแท็ก HTML อื่นๆ ได้ภายในเซลล์ตาราง (<td> หรือ <th>) เช่น แท็กพารากราฟ <p> รายการ <ul>/<ol> หรือแม้แต่ตารางซ้อน (nested table) กฎสำคัญ แท็กที่เปิดใน <td> ต้องปิดภายใน <td> เดียวกัน (ไม่ให้ข้ามเซลล์) สามารถใส่ block-level elements ได้ใน

แท็ก <del> ใช้สำหรับทำเครื่องหมายข้อความที่ถูกลบออกจากเอกสาร นำมาใช้ใน HTML5 แทนแท็ก <strike> ที่ถูก deprecated คุณสมบัติ Browser แสดงด้วยเส้นทับ (strikethrough) โดยค่าเริ่มต้น มี attribute cite ระบุ URL อธิบายเหตุผลการลบ มี attribute datetime ระบุวันเวลาที่ลบ (ISO 8601) ต้องมี

แท็ก <strike> ถูก deprecated ใน HTML5 ห้ามใช้ ต้องใช้ CSS property text-decoration: line-through แทน วิธีที่ถูกต้อง (HTML5) <p style=text-decoration: line-through;>ข้อความที่ทับเส้น</p> <!-- หรือใช้แท็ก s สำหรับความหมาย semantic --> <s>ข้อความที่ไม่ถูกต้องแล้ว</s>

ใน HTML5 ไม่รองรับ attribute width ของ <table> แล้ว ต้องใช้ CSS property width ผ่าน attribute style หรือ stylesheet แทน วิธีการ <table style=width: 100%; border: 1px solid black> ... </table> <!-- หรือ --> <table style=width: 500px> ... </table> ตัวอย่างเต็ม <

แท็ก <ins> ใช้สำหรับทำเครื่องหมายข้อความที่ถูกเพิ่มเข้ามาในเอกสาร สำคัญสำหรับการติดตามการเปลี่ยนแปลงระหว่างเวอร์ชันต่างๆ ของเอกสารเดียวกัน คุณสมบัติ Browser จะแสดงข้อความด้วยเส้นใต้ (underline) โดยค่าเริ่มต้น มี attribute cite ระบุ URL ที่อธิบายเหตุผลการเพิ่ม มี attribute datetime ระบุ

แท็ก <sup> ใช้สำหรับแสดงข้อความแบบ superscript (ตัวอักษรเล็กอยู่เหนือเส้นฐาน) ใช้กันทั่วไปสำหรับเลขยกกำลัง สัญลักษณ์ลิขสิทธิ์ ตัวอ้างอิง ฯลฯ การใช้งาน ต้องมี opening และ closing tag คู่กันเสมอ ข้อความจะแสดงเล็กลงและอยู่เหนือบรรทัดปกติประมาณครึ่งตัวอักษร สามารถซ้อนกันได้ (nesting) ตัว

แท็ก <q> ใช้สำหรับการยกข้อความสั้น (short inline quotation) ภายในบรรทัด Browser จะเพิ่มเครื่องหมายคำพูด (quotation marks) รอบข้อความโดยอัตโนมัติ คุณสมบัติ ใช้สำหรับข้อความสั้นที่อยู่ในบรรทัดเดียว (inline) มี attribute cite ระบุ URL แหล่งที่มา (optional) ถ้าข้อความยาวหลายบรรทัด ควรใช้ &

แท็ก <blockquote> ใช้สำหรับยกข้อความจากแหล่งอื่นที่มีความยาว (block-level quotation) ต่างจาก <q> ที่ใช้สำหรับยกข้อความสั้น inline คุณสมบัติ ต้องมีเนื้อหาเป็น block-level elements เท่านั้น (ไม่ใช่ plain text โดยตรง) มี attribute cite ระบุ URL แหล่งที่มาของข้อความที่ยกมา Browser จะ

แท็ก <address> ใช้สำหรับกำหนดข้อมูลติดต่อใน HTML เหมาะสำหรับที่อยู่อีเมล ที่อยู่ไปรษณีย์ หรือข้อมูลผู้เขียนบทความ Browser จะแสดงข้อความในแท็กนี้เป็นตัวเอียง (italic) โดยค่าเริ่มต้น การใช้งาน แต่ละบรรทัดควรคั่นด้วย <br> เพื่อขึ้นบรรทัดใหม่ สามารถวางได้ทั้งใน <body> (ข้อมูลติดต

Cell padding คือระยะห่างระหว่างขอบเซลล์ (border) กับเนื้อหาภายในเซลล์ ใน HTML5 ไม่รองรับ attribute cellpadding ของ <table> แล้ว ต้องใช้ CSS property padding แทน วิธีการ <table style=padding: 10px> ... </table> <!-- หรือระบุต่อเซลล์ --> <td style=padding: 10px>เนื้อหา&l