list จัดข้อมูลในเว็บเพจให้เป็นระเบียบ
HTML
list tag ใช้ในการจัดข้อมูลเป็นชุดๆ หรือเป็นหัวข้อ ซึ่งจะทำให้ข้อมูลอ่านได้ง่ายขึ้น ซึ่ง list แบ่งได้เป็น 2 แบบด้วยกันลองสร้าง list ดู
ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์
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 เป็นคำสั่งที่ใช้สำหรับการแสดงข้อมูลเป็นชุดๆ ซึ่งจะสะดวกและ อ่านข้อมูลได้ง่าย เป็นทางเลือกทางหนึ่งที่ดีในการใช้แสดงบทความ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น