ในการแสดงข้อมูลบนเว็บเพจนอกจากการแสดงผลแบบปกติทั่วไปแล้วบางครั้งเราอาจมีความจำเป็นต้องจัด รูปการแสดงผลให้เป็นแบบของ รายการ(list) คือ มีการ แสดงข้อมูลในลักษณะที่เป็นหัวข้อซึ่งอาจ มีคำอธิบายหรือ ไม่มีก็ได้ การแสดงข้อมูลแบบรายการจะมีรายการแบบลำดับ (ใช้หมายเลข กำกับ) หรือ รายการแบบไม่มี ลำดับ(ใช้สัญลักษณ์ กำกับ) แต่ไม่ว่า จะเลือกให้มีการ แสดงผลรายการ แบบใด ก็ตามทั้ง 2 ลักษณะ ก็มีลักษณะ การทำงาน ที่เหมือนกัน
รายการแบบใช้สัญลักษณ์กำกับ (Bullet 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
รูปแบบ
<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
- รายการที่ 2
- รายการที่ 3
<LI TYPE=1>รายการที่ 1
<LI>รายการที่ 2
<LI>รายการที่ 3
</OL>
<OL> <LI TYPE=a>รายการที่ 1
<LI>รายการที่ 2
<LI>รายการที่ 3
</OL>
เว็บเบราเซอร์ จะแสดง ออกมา เป็น
- รายการที่ 1
- รายการที่ 2
- รายการที่ 3
- รายการที่ 1
- รายการที่ 2
- รายการที่ 3
รูปแบบ <PRE>....</PRE>
การใช้ คำสั่งนี้ไม่สามารถใช้กับภาษาไทยได้ ใช้ได้แต่ภาษาอังกฤษอย่างเดียวข้อความที่อยู่ภายใน คำสั่ง จะมีขนาดเท่ากัน ทุกตัว แสดงข้อมูลที่อยู่ในรูปของตารางหรือรายงานแผนผังอย่างง่าย ๆ
--------------------------------------------------------
Date Time Note
--------------------------------------------------------
20 08.52 -
25 09.50 -
26 10.00 -
28 12.00 -
---------------------------------------------------------
รายการแบบ Extended Quotationsรูปแบบ <BLOCKQUOTE>......</BLOCKQUOTE>
คำสั่งนี้สามารถแก้ไขปัญหาการใช้ภาษาไทย ได้การแสดงผลข้อความจะเยื้องขวาและจัดข้อความให้ตัวอักษรตัวแรก ของบรรทัดเริ่มที่ตำแหน่งเดียวกันเช่น
<BLOCKQUOTE> <P>Omit needless world.</P> <P>Vigorous writeing is concise.A sentence should contain no annecessary words.</P> ------Willian Strunk,------- </BLOCKQUOTE>
เว็บเบราเซอร์ จะแสดงผลเป็น
Omit needless world.
Vigorous writeing is concise.A sentence should contain no annecessary words.
------Willian Strunk,-------
การแสดงผลแบบ Address
รูปแบบ <ADDRESS>....</ADDRESS>
ใช้เมื่อ ต้องการ จะพิมพ์ ที่อยู่ของเราเพื่อให้ผู้ที่เข้ามาใช้เว็บเพจสามารถติดต่อกับเราได้ รูปแบบตัวอักษรเป็นตัวเอน เช่น
ศูนย์การค้า อิออน สาขาหลักสี่ (ตรงข้าม ราชภัฎพระนคร) ถ. แจ้งวัฒนะ
ข.บางเขน กทม. 10220
