เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
<ul> แท็กกำหนดเรียงลำดับ (สัญลักษณ์) รายการ
ใช้ <ul> แท็กร่วมกับ <li> แท็กเพื่อสร้างรายการเรียงลำดับ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <ul> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ใช้ CSS เพื่อรายการสไตล์
Tip: การสร้างรายการสั่งใช้ <ol> แท็ก
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ว่า "เล็ก" และแอตทริบิวต์ "type" ยังไม่ได้รับการสนับสนุนใน HTML5
แอตทริบิวต์
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| compact | compact | ได้รับการสนับสนุนใน HTML5 ระบุว่ารายการควรจะทำให้มีขนาดเล็กกว่าปกติ |
| type | disc square circle | ได้รับการสนับสนุนใน HTML5 ระบุชนิดของเครื่องหมายที่จะใช้ในรายการ |
แอตทริบิวต์ทั่วโลก
<ul> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<ul> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
ลองตัวเอง - ตัวอย่าง
รายการที่ซ้อนกัน
รายการภายในลิสต์
อีกรายการที่ซ้อนกัน
รายการที่ซ้อนกันที่ซับซ้อนมากขึ้น
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: รายการ HTML
อ้างอิง HTML DOM: Ul วัตถุ
CSS Tutorial: รายการจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <ul> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
ตัวอย่าง
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
} ลองตัวเอง»