Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

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

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

ค่าของ type attribute

ค่ารูปแบบตัวเลข
11, 2, 3, ... (ค่าเริ่มต้น)
aa, b, c, ... (ตัวเล็ก)
AA, B, C, ... (ตัวใหญ่)
ii, ii, iii, ... (โรมันเล็ก)
II, II, III, ... (โรมันใหญ่)

ตัวอย่าง

<!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

ใน CSS3 สามารถใช้ list-style-type: lower-alpha แทนได้ ซึ่งยืดหยุ่นกว่า