HOT-TH.COm

.:: สังคมดีๆแห่งการแบ่งปัน ::....

คุณมี ID แล้วหรือยัง ? สมัครสมาชิก  ลืมรหัสผ่าน

หาเงินออนไลน์ งาน online โปรเจคจบ ทำ seo adword สร้างเว็บฟรี แจกสคริป

ดู: 1285|ตอบกลับ: 2

html การแสดงผลแบบรายการ

[คัดลอกลิงก์]


1000

กระทู้

38

ติดตาม

1หมื่น

เครดิต

ผู้จัดการกระดาน

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 9-6-2012 11:52:37 |ดูโพสต์ทั้งหมด
  shared Ping your blog, website, or RSS feed for Free

html การแสดงผลแบบรายการ

ในการแสดงข้อมูลบนเว็บเพจนอกจากการแสดงผลแบบปกติทั่วไปแล้วบางครั้งเราอาจมีความจำเป็นต้องจัด รูปการแสดงผลให้เป็นแบบของ รายการ(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>
ใช้เมื่อ ต้องการ จะพิมพ์ ที่อยู่ของเราเพื่อให้ผู้ที่เข้ามาใช้เว็บเพจสามารถติดต่อกับเราได้ รูปแบบตัวอักษรเป็นตัวเอน เช่น

hot-th.com


0

กระทู้

0

ติดตาม

70

เครดิต

สมาชิกระดับ 2

Rank: 2

โพสต์เมื่อ 20-3-2013 10:18:19 |ดูโพสต์ทั้งหมด
  shared Ping your blog, website, or RSS feed for Free

ขอบคุนคราบ


0

กระทู้

0

ติดตาม

7หมื่น

เครดิต

Vip

Rank: 8Rank: 8

โพสต์เมื่อ 19-4-2020 17:26:06 |ดูโพสต์ทั้งหมด
  shared Ping your blog, website, or RSS feed for Free

Sponsor
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

Ping your blog, website, or RSS feed for Free

© 2013 หาเงินออนไลน์ งาน online โปรเจคจบ ทำ seo adword สร้างเว็บฟรี แจกสคริป

Check Google Page Rank

Processed in 37.699795 second(s), 232 queries .

ขึ้นไปด้านบน