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

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

แท็ก <ol> (Ordered List) ใน HTML ใช้สำหรับสร้างรายการแบบมีลำดับ (หมายเลข/ตัวอักษร) คุณสามารถลองรันโค้ดต่อไปนี้เพื่อสร้างรายการแบบมีลำดับด้วยแท็ก <ol>:

แอตทริบิวต์ของ <ol>

แอตทริบิวต์ ค่า คำอธิบาย
compact compact Deprecated - กำหนดการแสดงผลแบบกระชับ
reversed reversed ระบุลำดับถอยหลัง (descending)
start number ระบุตัวเลขเริ่มต้นของรายการ
type 1, A, a, I, i ระบุรูปแบบลำดับ: 1=ตัวเลข, A=ตัวใหญ่, a=ตัวเล็ก, I=โรมันใหญ่, i=โรมันเล็ก

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อสร้างรายการแบบมีลำดับด้วยแท็ก <ol>:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML ol Tag</title> 
  </head> 
  <body> 
    <p>ภาษาโปรแกรมมิ่ง:</p> 
    <ol> 
      <li>Java</li> 
      <li>C++</li> 
      <li>C</li> 
    </ol> 
  </body> 
</html>

ตัวอย่างเพิ่มเติม:

<ol type="A" start="3">
  <li>รายการที่ 3 (C)</li>
  <li>รายการที่ 4 (D)</li>
</ol>

<ol reversed>
  <li>รายการที่ 3</li>
  <li>รายการที่ 2</li>
  <li>รายการที่ 1</li>
</ol>