( คำสั่งเริ่มต้น ) ( สีสรร ) ( ข้อความ ) ( รูปภาพ ) ( การเชื่อมโยง ) ( รายการ ) ( ตาราง ) ( เฟรม ) ( ฟอร์ม ) ( มัลติมีเดีย )
การแสดงผลแบบรายการ

ในการแสดง ข้อมูล บนเว็บเพจ นอกจาก การแสดงผล
แบบปกติ ทั่วไปแล้ว บางครั้ง เราอาจ มี ความจำเป็น ต้องจัด รูปการแสดง ผลให้ เป็นแบบของ รายการ(list) คือ มีการ แสดงข้อมูล ในลักษณะ ที่เป็น หัวข้อ ซึ่งอาจ มีคำอธิบายหรือ ไม่มีก็ได้ การแสดงข้อมูล แบบรายการ จะมีรายการ แบบลำดับ (ใช้หมายเลข กำกับ) หรือ รายการแบบไม่มี ลำดับ(ใช้สัญลักษณ์ กำกับ) แต่ไม่ว่า จะเลือกให้มีการ แสดงผลรายการ แบบใด ก็ตามทั้ง 2 ลักษณะ ก็มีลักษณะ การทำงาน ที่เหมือนกัน
รายการแบบใช้สัญลักษณ์กำกับ(Unordered Lists)
รูปแบบ <UL>ตัวเปิด
  <LI>ข้อมูลที่นำมาแสดง
  <LI>ข้อมูลที่นำมาแสดง
</UL>ตัวปิด
ลักษณะ เป็นการแสดงผลโดยใช้สัญลักษณ์ในการกำกับรายการต่าง ๆ และเราสามารถกำหนดลักษณะของสัญลักษณ์ได้โดยใช้คำสั่ง Type=N ซึ่ง N=circle=วงกลม,disc=วงกลมทึบ หรือ square=สี่เหลี่ยม โดยอยู่ในคำสั่ง ของ <UL> ถ้าต้องการ ให้สัญลักษณ์ เหมือนกัน ทุกรายการ แต่ ถ้าต้องการ ให้แต่ละรายการ ไม่เหมือนกันให้ใส่ในส่วนของ <LI> เช่น
<UL>
  <LI Type=disc>รายการที่ 1
  <LI Type=circle>รายการที่ 2
  <LI Type=square>รายการที่ 3
</UL> เว็บเบราเซอร์ จะแสดง ออกมา เป็น
  • รายการที่ 1
  • รายการที่ 2
  • รายการที่ 3

กลับไปที่สารบัญ
รายการแบบใช้ตัวเลขกำกับ(Order lists)
รูปแบบ <OL>ตัวเปิด
  <LI>ข้อมูลที่นำมาแสดง
  <LI>ข้อมูลที่นำมาแสดง
</OL>ตัวปิด
ลักษณะ เป็นการกำหนดรายการโดยใช้ตัวเลขกำกับเช่น 1 หรือ i และเราสามารถ กำหนดค่าเริ่มต้นไว้ที่ <OL> โดยใส่ค่า START=n โดย n= ตัวเลขที่ต้องการเริ่ม และ TYPE=n โดย n= a , A , i , I ซึ่งเป็นชนิดของค่าเริ่มต้น ตามตัวอย่างจะเริ่ม ต้นที่ 3 ชนิดเป็น a เช่น
<OL START=3 TYPE=a>
  <LI>รายการที่ 1
  <LI>รายการที่ 2
  <LI>รายการที่ 3
</OL> เว็บเบราเซอร์ จะแสดง ออกมา เป็น
  1. รายการที่ 1
  2. รายการที่ 2
  3. รายการที่ 3

เรายังสามารถใช้คำสั่ง TYPE=n ในส่วนของ <LI> ได้ แต่ค่าเริ่มต้นต้องเป็นไปตามค่าดังกล่าวข้างต้นให้สังเกตตามตัวอย่าง <OL>
  <LI TYPE=i>รายการที่ 1
  <LI>รายการที่ 2
  <LI>รายการที่ 3
</OL>
<OL>   <LI TYPE=a>รายการที่ 1
  <LI>รายการที่ 2
  <LI>รายการที่ 3
</OL> เว็บเบราเซอร์ จะแสดง ออกมา เป็น
  1. รายการที่ 1
  2. รายการที่ 2
  3. รายการที่ 3

  1. รายการที่ 1
  2. รายการที่ 2
  3. รายการที่ 3

กลับไปที่สารบัญ
รายการแบบคำจำกัดความ(Definition lists)
รูปแบบ <DL>ตัวเปิด
  <DT>คำจำกัดความ
    <DD>คำอธิบาย
  <DT>คำจำกัดความ
    <DD>คำอธิบาย
</DL>ตัวปิด
รูปแบบ เช่น <DL>
  <DT>NCSA
    <DD>NCSA the National Center for Supercomputing Application.
</DL>
เว็บเบราเซอร์ จะแสดง ออกมา เป็น
NCSA
NCSA the National Center for Supercomputing Application.

กลับไปที่สารบัญ
รายการไม่มีลำดับที่มีขนาดเล็ก(Directory list)
รูปแบบ
คำอธิบาย		 <DIR>....</DIR>
แสดงรายการไม่มีลำดับที่มีขนาดเล็กไม่เกิน 20 ตัวอักษร

กลับไปที่สารบัญ
รายการไม่มีลำดับสำหรับวรรคตอนขนาดเล็ก(Menu)
รูปแบบ
คำอธิบาย		 <MENU>....</MENU>
แสดงรายการไม่มีลำดับสำหรับวรรคตอนขนาดเล็ก

กลับไปที่สารบัญ

1