Bài 32: Thẻ tạo danh sách trong html | Học HTML

Như đã nói ở bài học trước trong html có ba loại danh sách

Thứ nhất: danh sách không có thứ tự
Để thể hiện danh sách không có thứ tự ta sử dụng cặp thẻ: <ul></ul> và <li></li>, và các danh sách được bắt đầu bằng dấu chấm.

Cú pháp:

         <ul>
                <li> các mục danh sách</li>
         </ul>
       
Trong đó:
<ul></ul> là viết tắt của chữ "unordered list" có nghĩa là danh sách không có thứ tự.
<li></li> viết tắt của chữ "list item" có nghĩa là mục của danh sách.

Ví dụ:
    <ul>
       <li> danh sách 1</li>
       <li> danh sách 2</li>
       <li> danh sách 3</li>
    </ul>
 
Kết quả khi chạy ví dụ trên

Thứ hai: danh sách có tứ tự
Để thể hiện danh sách có thứ tự ta sử dụng cặp thẻ: <ol></ol> và <li></li>, và các danh sách được bằng đầu từ 1 đến z

Cú pháp:

     <ol>
          <li> các mục danh sách</li>
     </ol>
   

 Trong đó:
<ol></ol> là viết tắt của chữ "ordered list" có nghĩa là danh sách có thứ tự.
<li></li> viết tắt của chữ "list item" có nghĩa là mục của danh sách.

Ví dụ:

    <ol>
         <li> danh sách 1</li>
         <li> danh sách 2</li>
         <li> danh sách 3</li>
    </ol>
 

 Kết quả khi chạy ví dụ trên

Thứ ba: danh sách lồng nhau
  Trong HTML, sẽ không đơn thuần là tạo 1 kiểu danh sách là hết mà bạn còn có thể lồng các kiểu danh sách vào với nhau để tạo thành 1 danh sách đa cấp. Để làm việc đó bạn chỉ cần chèn thêm 1 danh sách nữa vào giữa cặp thẻ  <li> </li> là được.
 
   Ví dụ:

<ul>
 <li>Danh sách màu
   <ol>
        <li>Màu đen</li>
      <li>Mà vàng</li>
      <li>.Màu cam</li>
    </ol>
  </li>
 <li>Dang sách học sinh
    <ol>
      <li>Nguyễn thị mỹ duyên</li>
      <li>Nguyên thị như hiên</li>
      <li>Trầ thị thu hằng</li>
    </ol>
 </li>
</ul>

Kết quả khi chạy ví dụ trên

Kết luận: như vậy ở bài này chúng tôi đã giới thiệu đến các bạn các thẻ để tạo ra các danh sách trong html.

Chúc bạn thành công