HTML Ordered Lists

แท็ก <ol> ใน HTML ใช้สำหรับสร้าง รายการแบบมีลำดับ เช่น รายการที่มีหมายเลข (1, 2, 3) หรืออักษร (A, B, C)

รายการแบบมีลำดับ (Ordered HTML List)

รายการแบบมีลำดับเริ่มต้นด้วยแท็ก <ol> และแต่ละรายการจะอยู่ในแท็ก <li> โดยค่าเริ่มต้น รายการแต่ละข้อจะถูกแสดงเป็น ตัวเลขเรียงลำดับ

ตัวอย่าง:

				
					<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

เราสามารถเปลี่ยนรูปแบบของตัวเลขนำหน้ารายการได้
โดยใช้ แอตทริบิวต์ type ของแท็ก <ol>

ค่า (type)	คำอธิบาย
`type="1"`	แสดงเป็นตัวเลข 1, 2, 3 (ค่าเริ่มต้น)
`type="A"`	แสดงเป็นตัวอักษรภาษาอังกฤษตัวใหญ่ A, B, C
`type="a"`	แสดงเป็นตัวอักษรภาษาอังกฤษตัวเล็ก a, b, c
`type="I"`	แสดงเป็นตัวเลขโรมันตัวใหญ่ I, II, III
`type="i"`	แสดงเป็นตัวเลขโรมันตัวเล็ก i, ii, iii

				
					<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

				
					<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

				
					<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

				
					<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

				
					<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

โดยปกติ รายการแบบ <ol> จะเริ่มนับจากเลข 1
แต่เราสามารถกำหนดให้เริ่มนับจากเลขอื่นได้
โดยใช้ แอตทริบิวต์ start

				
					<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

เราสามารถซ้อนรายการได้ (คือมีลิสต์ย่อยภายในลิสต์หลัก)

				
					<ol>
  <li>Coffee</li>
  <li>Tea
    <ol>
      <li>Black tea</li>
      <li>Green tea</li>
    </ol>
  </li>
  <li>Milk</li>
</ol>

หมายเหตุ: ในแต่ละ <li> สามารถใส่รายการย่อย <ol> หรือองค์ประกอบอื่น ๆ ได้
เช่น รูปภาพ (<img>) หรือลิงก์ (<a>)