การใช้ List ในการสร้างรายการของภาษา HTML

การที่เราจะนำเสนอข้อมูลต่างๆ ในหน้าเพจข้อความเหล่านั้นจะต้องมีความกระชับและข้อความนั้นสามารถอ่านได้ชัดเจน เรามาดูวิธีการสร้างลิสต์ให้แก่ข้อความกันค่ะ ปัจจุบันวิธีการสร้างลิสต์ของ HTML จะแบ่งออกเป็น 5 แบบด้วยกัน มาดูกันเลย

แบบที่ 1 ลิสต์แบบไม่มีลำดับ <ul> จะมีการแยกข้อมูลโดยใช้สัญลักษณ์เข้ามาช่วยดังตัวอย่างนี้
ตัวอย่างนี้การใช้ <ul> +  การแสดงผลหน้าเว็บ

แบบที่ 2 ลิสต์แบบมีลำดับ <ol> ส่วนใหญ่จะนิยมใช้ในการจัดอันดับหนังสือหรือขั้นตอนการทำงานต่างๆ เรามีดูตัวอย่างการใช้ <ol> ในภาษา HTML 
ตัวอย่างนี้การใช้ <ol> = การแสดงผลหน้าเว็บ

 

แบบที่ 3 ลิสต์แบบเมนู ปัจจุบันลิสต์แบบเมนูได้ถูกยกเลิกใช้แล้วในภาษา HTML

แบบที่ 4 ลิสต์แบบไดเรกทอรีลิสต์ ปัจจุบันลิสต์แบบเมนูได้ถูกยกเลิกใช้แล้วในภาษา HTML

แบบที่ 5 ลิสต์แบบจำกัดความ <dl>, <dt>,<dd> โดยส่วนใหญ่จะถูกนำมาใช้ในการจำกัดความของเนื้อหา โดยจะแบ่งเป็น 2 ส่วน โดยส่วนแรกเป็นคำศัพท์และส่วนที่สองคือคำจำกัดความ มาดูตัวอย่างกันค่ะ
ตัวอย่างนี้การใช้ <dl>, <dt>,<dd>    =  การแสดงผลหน้าเว็บ