ในการแสดงข้อมูลบนเว็บเพจนอกจากการแสดงผลแบบปกติทั่วไปแล้วบางครั้งเราอาจมีความจำเป็นต้องจัด
รูปการแสดงผลให้เป็นแบบของ รายการ(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
รายการแบบใช้ตัวเลขกำกับ (Numbered 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
- รายการที่ 2
- รายการที่ 3
เรายังสามารถใช้คำสั่ง TYPE=n ในส่วนของ <LI> ได้ แต่ค่าเริ่มต้นต้องเป็นไปตามค่าดังกล่าวข้างต้นให้สังเกตตามตัวอย่าง
<OL>
<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
รายการแบบกลุ่ม (Preformatted Text)
รูปแบบ <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>
ใช้เมื่อ ต้องการ จะพิมพ์ ที่อยู่ของเราเพื่อให้ผู้ที่เข้ามาใช้เว็บเพจสามารถติดต่อกับเราได้
รูปแบบตัวอักษรเป็นตัวเอน เช่น
Liberta Co.,Ltd.
215/12 ถนนรามคำแหง ซอยรามคำแหง 24 หัวหมาก บางกะปิ 10310
Tel & Fax : 02 2541241 E-Mail : info@bcoms.net
|