List แสดงขอมูลในรูปแบบรายการ
list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น ซึ่ง list แบ่งได้เป็น 2 แบบด้วยกัน
1. list แบบไม่มีลำดับ
เป็น list แบบง่ายดีสุดเหมาะสำหรับการนำเสนอข้อมูลที่ไม่มีลำดับเกี่ยวข้อง โดยมีรูปแบบดังนี้
รูปแบบ list แบบไม่มีลำดับ
<ul> <lh> หัวข้อ</lh> <li> ข้อมูล 1</li> <li> ข้อมูล 2</li> </ul>
2. list แบบมีลำดับ
เป็น list แบบง่ายดีสุดเหมาะสำหรับการนำเสนอข้อมูลที่ไม่มีลำดับเกี่ยวข้อง โดยมีรูปแบบดังนี้
รูปแบบ list แบบมีลำดับ
<ol> <lh> หัวข้อ</lh> <li> ข้อมูล 1</li> <li> ข้อมูล 2</li> </ol>
3. การใส่สัญลักษณ์ให้กับ list
การใส่สัญลักษณ์ให้กับ list เราจะเห็นสัญลักษณ์หน้า list อยู่แล้วซึ่งสัญลักษณ์ตัวนั้นสามารถเปลี่ยนแปลงได้โดยใช้ Attibuet คำสั่ง type มีรายละเอียดดังนี้
สัญลักษณ์ที่ใช้กับแบบไม่มีลำดับ
TYPE | สัญลักษณ์ |
disc | วงกลมทึบ |
circle | วงกลมโปร่งใส |
square | สี่เหลี่ยมทึบ |
สัญลักษณ์ที่ใช้กับแบบมีลำดับ
TYPE | สัญลักษณ์ |
A | เรียงแบบ A,B,C |
a | เรียงแบบ a,b,c |
I | เรียงแบบเลขโรมัน I,II,III |
i | เรียงแบบเลขโรมัน i,ii,iii |
4. การใช้ list ซ้อน list
ในตัวอย่างจะเป็นการทำ list ซ้อน list ซึ่ง html จะเปลี่ยนสัญลักษณ์ให้อัตโนมัติ
5. list แบบให้คำจำกัดความ
Definition list เป็น list ที่ใช้กับการให้คำจำกัดความ ดังตัวอย่าง
list เป็นคำสั่งที่ใช้สำหรับการแสดงข้อมูลเป็นชุดๆ ซึ่งจะสะดวกและ อ่านข้อมูลได้ง่าย เป็นทางเลือกทางหนึ่งที่ดีในการใช้แสดงบทความ