Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีเพิ่มรายการแบบไม่มีลำดับ (Unordered List) ใน HTML

ใช้แท็ก <ul> ใน HTML เพื่อสร้างรายการแบบไม่มีลำดับ (bullet list) เหมาะสำหรับรายการที่ไม่จำเป็นต้องมีลำดับที่ชัดเจน

แอตทริบิวต์เพิ่มเติม (เลิกใช้งานแล้ว)

แอตทริบิวต์ ค่า คำอธิบาย
Type disc, circle, square Deprecated - ระบุรูปแบบเครื่องหมาย bullet
Compact compact Deprecated - กำหนดการแสดงผลแบบกระชับ

หมายเหตุ: แอตทริบิวต์เหล่านี้ Deprecated ใน HTML5 ควรใช้ CSS list-style-type และ line-height แทน

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเพิ่มรายการแบบไม่มีลำดับ:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML ul Tag</title> 
  </head> 
  <body> 
    <p>ประเทศ</p> 
    <ul> 
      <li>สหรัฐอเมริกา</li> 
      <li>สหราชอาณาจักร</li> 
      <li>อินเดีย</li> 
      <li>ออสเตรเลีย</li> 
      <li>บังกลาเทศ</li> 
    </ul> 
  </body> 
</html>

แท็ก <li> (list item) ใช้ภายใน <ul> สำหรับแต่ละรายการ