ลิสต์ซ้อนลิสต์ (Nested List)
การสร้างลิสต์แบบซ้อนกันมีประโยชน์ในการนำเสนอข้อมูลที่มีหัวข้อย่อย หรือขั้นตอนมาก ๆ ซึ่งสามารถนำมาประยุกต์ใช้ในการตั้งโจทย์คำถามที่มีคำตอบย่อยได้เช่นการสร้างข้อสอบแบบตัวเลือก ซึ่งก็เป็นการนำลิสต์รายการแบบต่าง ๆ มาประยุกใช้
ตัวอย่างการใช้งาน
<body>
<h2><p align="center">การสร้งลิสต์ซ้อนลิสต์ Nested List</p></h2>
<ol>
<li>หน้าแรกของเว็บไซต์เรียกว่าอะไร?</li>
<ol type="a">
<li> เว็บเพจ </li>
<li> โฮมเพจ </li>
<li> เว็บไซต์</li>
<li> บราวเซอร์ </li>
</ol>
<li> แท็กคำสั่งใดต่อไปนี้ ที่เขียนอยู่ภายใต้แท็ก <head>?</li>
<ol type="A">
<li> body </li>
<li> meta </li>
<li> nav </li>
<li> footer</li>
</ol>
</ol>
</body>
<ol>
<li>หน้าแรกของเว็บไซต์เรียกว่าอะไร?</li>
<ol type="a">
<li> เว็บเพจ </li>
<li> โฮมเพจ </li>
<li> เว็บไซต์</li>
<li> บราวเซอร์ </li>
</ol>
<li> แท็กคำสั่งใดต่อไปนี้ ที่เขียนอยู่ภายใต้แท็ก <head>?</li>
<ol type="A">
<li> body </li>
<li> meta </li>
<li> nav </li>
<li> footer</li>
</ol>
</ol>
การแสดงผล
จากตัวอย่างที่แสดงผล เป็นการสร้างลิสต์จำนวน 2 ชั้น โดยใช้ลิสต์แบบมีลำดับ เราสามารถใช้ลิสต์ที่รูปแบบแตกต่างกันได้ ขึ้นอยู่กับวัตถุประสงค์การนำเสนอข้อมูล
วีดีโอ