การใช้ลิสต์สร้างรายการ

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

  • ลิสต์แบบไม่มีลำดับ (Unordered List) จะแยกรายการโดยใช้สัญลักษณ์พิเศษ
  • ลิสต์แบบมีลำดับ  (Ordered List) มีลักษณะขั้นตอน มีตัวเลขกำกับในแต่ละรายการ
  • ลิสต์แบบเมนู (Menu List) เป็นรายการที่ไม่เกิน 1 บรรทัด
  • ลิสต์แบบไดเร็กทอรี่ลิสต์ (Directory List) เป็นรายการสั้นๆ ไม่เกิน 20 ตัวอักษร
  • ลิสต์แบบจำกัดความ (Definition List) ใช้แยกคำและความหมายออกจากกัน

การใช้คำสั่ง <ul>
ความหมายของคำสั่ง
เป็นคำสั่งที่ใช้แสดงรายการแบบไม่มีเลขลำดับ (Unorder List หรือ Bullet List)
ประเภทของ tag       tag คู่
รูปแบบการใช้คำสั่ง
          <ul>……………..หัวเรื่อง……………
<li> ข้อความ………………
<li> ข้อความ………………
<li> ข้อความ………………
<li> ข้อความ………………
<li> ข้อความ………………
</ul>

คำสั่งเพิ่มเติม  type  เป็นคำสั่งที่ใช้ในการเปลี่ยนรูปแบบหัวข้อเป็นแบบอื่นๆ
รูปแบบการใช้คำสั่ง

<ul type=n>……………..หัวเรื่อง……………
<li> ข้อความ………………
<li> ข้อความ………………
<li> ข้อความ………………
</ul>

n  คือ ชนิดของเครื่องหมาย มี 3 แบบ ดังนี้

–  disc คือ วงกลมทึบ (ค่าปกติ) ตัวอย่าง

–  circle คือ วงกลมโปร่ง ตัวอย่าง

–  square คือ สี่เหลี่ยมทึบ ตัวอย่าง

การใช้คำสั่ง <ol> 
olหมายเหตุ

ol1

 

การใช้คำสั่ง <dl>
dl

การใช้คำสั่ง <dir>
dir

การใช้คำสั่ง <menu>
menulist

 

Advertisements

ใส่ความเห็น

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: