วิธีสร้างรายการลำดับ (Ordered List) ตัวอักษรใหญ่ภาษาอังกฤษใน HTML

ใช้แท็ก <ol> พร้อม attribute type="A" เพื่อสร้างรายการลำดับที่มีตัวเลขเป็นตัวอักษรใหญ่ A, B, C, D...

ค่าของ type attribute ทั้งหมด

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>World Cup Teams</title>
</head>
<body>
  <h1>List of teams for World Cup</h1>
  <ol type="A">
    <li>India</li>
    <li>Australia</li>
    <li>South Africa</li>
    <li>New Zealand</li>
    <li>Pakistan</li>
    <li>Sri Lanka</li>
    <li>West Indies</li>
    <li>Bangladesh</li>
  </ol>
</body>
</html>

ผลลัพธ์

1. India
2. Australia
3. South Africa
4. New Zealand
5. Pakistan
6. Sri Lanka
7. West Indies
8. Bangladesh

CSS Alternative

ol.alpha-upper {
  list-style-type: upper-alpha;
}

ใช้ <ol class="alpha-upper"> แทน จะยืดหยุ่นกว่า