HTML มีรายการอยู่สามประเภท −
- รายการไม่เรียงลำดับ
รายการนี้มีรายการหัวข้อย่อยที่ไม่มีลำดับเฉพาะ
- รายการสั่งซื้อ
รายการนี้ใช้สำหรับรายการสั่งซื้อ
- รายการคำจำกัดความ
รายการนี้ใช้เพื่อแสดงคำจำกัดความของคำศัพท์
เราสามารถซ้อนรายการเหล่านี้และจัดรูปแบบได้ตามต้องการ สไตล์รายการคุณสมบัติ CSS ช่วยให้เราจัดรูปแบบรายการ
ไวยากรณ์
ไวยากรณ์ของรายการ HTML มีดังต่อไปนี้ −
<type of list> <li></li> </type of list>
ตัวอย่างต่อไปนี้แสดงรายการ HTML -
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> ul { background-color: papayawhip; list-style-type: square; font-style: italic; } ol { background-color: azure; } </style> </head> <body> <ol> <li>demo1</li> <li> demo 2 <ul> <li>demo a</li> <li>demo b</li> </ul> </li> <li>demo 3</li> </ol> </body> </html>
ผลลัพธ์
สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> dt { font-weight: bold; font-style: italic; } dd { border: thin dotted; } </style> </head> <body> <h2>Programming Languages and Databases</h2> <dl> <dt>Java</dt> <dd>A programming language developed by James Gosling.</dd> <dt>C++</dt> <dd>A programming language developed by Bjarne Stroustrup.</dd> <dt>MySQL</dt> <dd>MySQL is an open-source relational database management system.</dd> </dl> </body> </html>
ผลลัพธ์
สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -