บทที่ 6 การใช้ลิสต์ (List) สร้างรายการ

การใช้ลิสต์ (List) สร้างรายการ

     ในการแสดงผลข้อมูลบนเว็บเพจ นอกจากการแสดงผลแบบปกติทั่วไปแล้ว บางครั้งเราอาจมีความจำเป็นต้องจัดรูปแบบการแสดงผลให้เป็นแบบรายการ (Lists) คือมีการแสดงข้อมูลในลักษณะที่เป็นหัวข้อ ซึ่งอาจมีคำอธิบายหรือไม่ก็ได้

     การแสดงข้อมุลแบบรายการ (Lists) ที่นิยมใช้จะมีอยู่ 2 รูปแบบ
           1. รายการแบบไม่มีลำดับ (Unordered List) จะใช้สัญลักษณ์กำกับ
           2. รายการแบบมีลำดับ (Ordered list)  จะใช้ตัวเลขกำกับ
ซึ่งทั้ง 2 แบบ มีลักษณะการทำงานที่เหมือนกัน จะแตกต่างกันเพียงแบบหนึ่งเป็นตัวเลขอีกแบบหนึ่งเป็นสัญลักษณ์

1. การสร้างรายการแบบไม่มีลำดับ ( Unordered Lists )

     การสร้าง Unordered List เป็นการจัดรายการโดยมีสัญลักษณ์กำกับหน้ารายการ จะใช้กรณีที่ต้องการจัดการรายการ แต่ไม่ต้องการจัดเรียงรายการให้มีตัวเลขเรียงลำดับ โดยมีประเภทของสัญลักษณ์ที่ใช้กำกับหน้ารายการ ดังนี้

หากเราไม่กำหนด Type ของสัญลักษณ์หน้ารายการ HTML จะถือว่าค่าพื้นฐานของสัญลักษณ์ คือ Disc หรือวงกลมทึบ

   รูปแบบคำสั่ง

การแสดงผลบนเว็บ

2. การสร้างรายการแบบมีลำดับ ( Ordered Lists )
    การแสดงข้อมูลแบบมีลำดับ คือข้อมูลรายการแบบมีหมายเลข โดจะเรียงลำดับจากน้อยไปหามาก ซึ่งจะเรียงลำดับแบบอัตโนมัติบนหน้าเว็บ ตัวเลขและสัญลักษณ์ที่ใช้กำกับหน้ารายการมีดังนี้

             Type  = ชนิดของการแสดงผลแบบรายการ
                          1     แสดงผลเป็นตัวเลข เรียงลำดับตั้งแต่ 1,2,3...
                          i,I    แสดงผลเป็นตัวเลขโรมัน
                          a,A  แสดงผลเป็นอักษรภาษาอังกฤษ
             Start    = การเริ่มค่าของการแสดง (สามารถกำหนดค่าเริ่มต้นได้)
             Value  = การกำหนดค่าเฉพาะของแต่ละรายการที่แสดง

         รูปแบบคำสั่ง

          

         ตัวอย่าง คำสั่ง การสร้างรายการแบบลำดับแบบตัวเลข

       การแสดงผลบนเว็บ

      

            ตัวอย่าง คำสั่ง การสร้างรายการแบบลำดับแบบอักษรภาษาอังกฤษ 

            การแสดงผลบนเว็บ

            ตัวอย่าง คำสั่ง การสร้างรายการแบบลำดับแบบตัวลขโรมัน

            การแสดงผลบนเว็บ

การกำหนดค่าเริ่มต้นให้กับรายการ

     หากเราต้องการกำหนดตัวเลขเริ่มต้น หรือต้องการข้ามลำดับบางรายการไป เป็นการแสดงลำดับที่ไม่ต่อเนื่อง สามารถทำได้โดยใช้รูปแบบดังต่อไปนี

         ตัวอย่าง คำสั่ง กำหนดค่าเริ่มต้นให้กับรายการ

           การแสดงผลบนเว็บ