แท็ก ol

แท็ก ol สร้างสิ่งที่เรียกว่า รายการลำดับ พร้อมเครื่องหมายเป็นตัวเลข

ควรใช้แท็ก ol ร่วมกับ แท็ก li ซึ่งสร้างรายการแต่ละข้อ (ในขณะที่ ol สร้างรายการเอง ดูตัวอย่าง ด้านล่าง) โดยไม่ใช้แท็ก li ร่วมกับแท็ก ol ไม่ได้

ข้อดีของแท็ก ol คือ มัน กำหนดเลขลำดับให้อัตโนมัติ หาก คุณต้องการแทรกบางรายการเข้าไปตรงกลาง รายการ - การลำดับเลขจะปรับให้เหมาะกับคุณ

คุณสามารถเปลี่ยนหรือลบเครื่องหมายรายการ ออกไปได้โดยใช้คุณสมบัติ CSS list-style-type

ตัวอย่าง . รายการ ol

มาดูกันว่ารายการ ol มีลักษณะอย่างไรในเบราว์เซอร์ตามค่าเริ่มต้น:

<ol>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ol>

แท็ก ul,
ซึ่งสร้างรายการที่ไม่มีลำดับ
คุณสมบัติ counter-increment,
ซึ่งช่วยให้สามารถกำหนดเลขลำดับให้กับองค์ประกอบได้