:: หน่วยที่ 4 การสร้าง List (รายการ)
ลิสต์ซ้อนลิสต์ (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>

การแสดงผล

จากตัวอย่างที่แสดงผล เป็นการสร้างลิสต์จำนวน 2 ชั้น โดยใช้ลิสต์แบบมีลำดับ เราสามารถใช้ลิสต์ที่รูปแบบแตกต่างกันได้ ขึ้นอยู่กับวัตถุประสงค์การนำเสนอข้อมูล


วีดีโอ