# รายละเอียดเกี่ยวกับ HTML Lists
HTML (HyperText Markup Language) เป็นภาษาที่ใช้ในการสร้างและออกแบบเว็บไซต์ โดยคำสั่งหนึ่งที่สำคัญคือการสร้างรายการ (Lists) ซึ่งช่วยให้การจัดระเบียบข้อมูลเป็นไปอย่างมีระบบ ตัวอย่างของรายการใน HTML มีอยู่สองประเภทหลัก ได้แก่ รายการเรียงลำดับ (Ordered List) และรายการไม่มีลำดับ (Unordered List)
## 1. รายการไม่มีลำดับ (Unordered List)
รายการไม่มีลำดับ หรือ UL (Unordered List) ใช้เพื่อแสดงรายการที่ไม่ต้องเรียงลำดับ โดยแต่ละรายการจะเริ่มต้นด้วยเครื่องหมายสัญลักษณ์ เช่น จุด (•) หรือสี่เหลี่ยม (■) ซึ่งใช้แท็ก `<ul>` สำหรับเริ่มรายการและแท็ก `<li>` สำหรับแต่ละรายการภายใน
### ตัวอย่างการใช้งาน:
```html
<ul>
<li>แอปเปิ้ล</li>
<li>กล้วย</li>
<li>ส้ม</li>
</ul>
```
ผลลัพธ์:
- แอปเปิ้ล
- กล้วย
- ส้ม
## 2. รายการเรียงลำดับ (Ordered List)
รายการเรียงลำดับ หรือ OL (Ordered List) ใช้สำหรับแสดงรายการที่ต้องการเรียงไว้ในลำดับที่กำหนด โดยแต่ละรายการจะเริ่มต้นด้วยตัวเลขหรืออักษร โดยใช้แท็ก `<ol>` สำหรับเริ่มรายการและแท็ก `<li>` สำหรับแต่ละรายการภายใน
### ตัวอย่างการใช้งาน:
```html
<ol>
<li>ขั้นตอนที่ 1: เตรียมวัสดุ</li>
<li>ขั้นตอนที่ 2: เรียนรู้วิธีทำ</li>
<li>ขั้นตอนที่ 3: ทำตามขั้นตอน</li>
</ol>
```
ผลลัพธ์:
1. ขั้นตอนที่ 1: เตรียมวัสดุ
2. ขั้นตอนที่ 2: เรียนรู้วิธีทำ
3. ขั้นตอนที่ 3: ทำตามขั้นตอน
## 3. รายการซ้อน (Nested Lists)
HTML อนุญาตให้สามารถสร้างรายการซ้อนกันได้ ซึ่งหมายถึงการใส่รายการภายในรายการอื่น โดยสามารถใช้ UL หรือ OL ซ้อนกันได้ตามต้องการ
### ตัวอย่างการใช้งาน:
```html
<ol>
<li>ทำอาหาร
<ul>
<li>เตรียมวัตถุดิบ</li>
<li>ทำความสะอาด</li>
</ul>
</li>
<li>เสิร์ฟอาหาร</li>
</ol>
```
ผลลัพธ์:
1. ทำอาหาร
- เตรียมวัตถุดิบ
- ทำความสะอาด
2. เสิร์ฟอาหาร
## สรุป
การใช้รายการใน HTML ช่วยให้การนำเสนอข้อมูลมีความชัดเจนและเข้าใจง่าย ทั้งนี้ การเลือกใช้ UL หรือ OL ควรขึ้นอยู่กับลักษณะของข้อมูลที่ต้องการนำเสนอ โดยสามารถใช้งานได้อย่างหลากหลายและทำให้เนื้อหาของเว็บไซต์ดูน่าสนใจมากยิ่งขึ้น