Hypertext Markup Language

Home

HTML Tutorial
Knowledge Developer Database Internet Resource
HTML Tutorial
1. แนะนำ HTML
2. HTML Element
3. แท็ก HTML พื้นฐาน
4. คุณลักษณะ HTML
5. การจัดรูปแบบข้อความ HTML
6. HTML Character Entity
7. HTML Links
8. HTML Frame
9. ตาราง HTML
10. HTML Lists
11. ฟอร์ม HTML และการนำเข้า
12. ภาพ HTML
13. พื้นหลัง HTML
14. สี HTML
15. HTML 4.01 Quick List
 
Internet
PHP
SSI
HTML
AJAX
 

HTML > HTML Tutorial

HTML Lists

HTML สนับสนุนรายการเรียงลำดับ ไม่เรียงลำดับ และคำอธิบาย


รายการไม่เรียงลำดับ

รายการไม่เรียงลำดับเป็นรายการที่รายการย่อยมีเครื่องหมายวงกลมทึบนำหน้า รายการนี้เริ่มต้นด้วยแท็ก <ul> แต่ละรายการย่อยเริ่มต้นด้วยแท็ก <li>

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

การมองเห็นใน browser

  • Coffee
  • Milk

ภายในรายการย่อยสามารถวางย่อหน้า การแบ่งบรรทัด ภาพ การเชื่อมโยง และรายการอื่น เป็นต้น


รายการเรียงลำดับ

รายการไม่เรียงลำดับเป็นรายการที่รายการย่อยมีตัวเลขนำหน้า รายการนี้เริ่มต้นด้วยแท็ก <ol> แต่ละรายการย่อยเริ่มต้นด้วยแท็ก <li>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

การมองเห็นใน browser

  1. Coffee
  2. Milk

ภายในรายการย่อยสามารถวางย่อหน้า การแบ่งบรรทัด ภาพ การเชื่อมโยง และรายการอื่น เป็นต้น


รายการคำอธิบาย

รายการคำอธิบายไม่ใช่การแสดงรายการ แต่เป็นรายการข้อความและคำอธิบายของข้อความนั้น รายการคำอธิบายเริ่มต้นด้วยแท็ก <dl> แต่ละข้อความเริ่มต้นด้วยแท็ก <dt> แต่ละคำอธิบายรายการเริ่มต้นด้วยแท็ก <dd>

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

การมองเห็นใน browser

Coffee
Black hot drink
Milk
White cold drink

ภายในคำอธิบายรายการ (แท็ก <dd>) สามารถวางย่อหน้า การแบ่งบรรทัด ภาพ การเชื่อมโยง และรายการอื่น เป็นต้น


แท็ก List

แท็ก คำอธิบาย
<ol> กำหนดรายการเรียงลำดับ
<ul> กำหนดรายการไม่เรียงลำดับ
<li> กำหนดรายการย่อย
<dl> กำหนดรายการคำอธิบาย
<dt> กำหนดรายการข้อความ
<dd> กำหนดคำอธิบายรายการ
<dir> ยกเลิก ใช้ <ul> แทน
<menu> ยกเลิก ใช้ <ul> แทน

 

  

สงวนลิขสิทธิ์ (C) widebase / Julaphak