ทำแบบทดสอบก่อนเรียน
การออกแบบเว็บไซต์
ภาษา html
การจัดรูปแบบเอกสาร
การจัดรูปแบบตัวอักษร
การใส่รูปภาพลงในเว็บเพจ
การสร้างตาราง
การเชื่อมโยงเว็บเพจ
การใส่ไฟล์มัลติมีเดีย
แบบทดสอบหลังเรียน


       2.4  การสร้างลำดับรายการแบบซ้อนกัน (์Nesting List)


               เราสามารถสร้างรายการหลายๆ แบบผสมกันและซ้อนกันเป็นชั้น ๆ เพื่อแสดงเป็นหัวข้อย่อยๆ ลงไปได้
ดังตัวอย่าง

การสร้างรายการแบบไม่มีลำดับและเรียงลำดับในลักษณะซ้อนกันแยกย่อยเป็นชั้น ๆ

<!DOCTYPE html>
<html>
<head>
<title>  Nest list </title>
</head>
<body>

          <h3> สินค้าประเภท Hardware </h3>
          <ul type="square">
          <li> Computer </li>
                 <ol type="1">
                      <li> Desktop </li>
                      <li> Netebook</li>
                 </ol>
          <li> Printer </li>

                 <ol type="1">
                      <li> Laser printer </li>
                      <li> Inkjet printer </li>
                      <li> Laser color printer </li>
                 </ol>
     </ul>

</body> 
</html>


ผลที่ได้บนเว็บเบราว์เซอร์