วิธีสร้างรายการลำดับ (Ordered List) ใน HTML

ใช้แท็ก <ol> (Ordered List) สร้างรายการที่มีลำดับ ใช้ร่วมกับ <li> (List Item) สำหรับแต่ละรายการ

โครงสร้างพื้นฐาน

<ol>
  <li>รายการแรก</li>
  <li>รายการที่สอง</li>
  <li>รายการที่สาม</li>
</ol>

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>Developed Countries</h1>
  <p>The list of developed countries:</p>
  <ol>
    <li>US</li>
    <li>Australia</li>
    <li>New Zealand</li>
  </ol>
</body>
</html>

ผลลัพธ์

1. US
2. Australia
3. New Zealand

Attribute ที่ใช้บ่อย

• type="1|a|A|i|I" - รูปแบบตัวเลข (ดูรายละเอียดในบทความแยก)
• start="5" - เริ่มนับจากหมายเลขที่กำหนด
• reversed - นับถอยหลัง (HTML5)

การจัดสไตล์ด้วย CSS

ol {
  list-style-type: upper-roman; /* I, II, III */
  /* หรือ */
  list-style-type: lower-alpha; /* a, b, c */
}