Các thẻ HTML định dạng danh sách (list)

Trong bài này chúng ta sẽ cùng tìm hiểu các thẻ HTML định dạng danh sách cơ bản được dùng phổ biến nhất hiện nay. Việc sử dụng các thẻ định dạng danh sách giúp chúng ta làm quen với menu phân cấp trong trang web sau này cũng như hỗ trợ cho việc SEO website. Bài học nằm trong Serie học HTML căn bản

Các thẻ HTML định dạng danh sách bao gồm :

Thẻ ol – danh sách theo số thứ tự

Bao gồm các kiểu định dạng danh sách sau

Cú pháp :

<ol style="list-style-type: property's value"> </ol>

 

Trong đó property’s value bao gồm các giá trị như hình dưới đây

Mỗi giá trị nằm trong cặp thẻ <li> </li>

Trong thẻ <li> bạn có thể lồng thẻ <ol> vào người ta vẫn hay gọi là thẻ lồng thẻ

Thẻ ul – danh sách theo ký hiệu

Cú pháp:

 <ul style="list-style-type : property's name"> </ul> 

Trong đó property’s name bao gồm các thuộc tính sau

Tương tự như trên, mỗi giá trị nằm trong cặp thẻ <li> </li>

Thẻ lồng thẻ như sau

Thẻ dl – danh sách định nghĩa

Tương tự 2 thẻ trên, thẻ <dl> có giá trị nằm trong các thẻ con <dt> và <dd>

Kết quả : 

Lời kết : Kết thúc bài hôm nay bạn đã có thể nắm rõ các thẻ HTML định dạng danh sách thông dụng nhất hiện nay, trong một trang web thường không thể thiếu các thẻ định dạng này, ngoài ra việc sử dụng thẻ lồng thẻ giúp chúng ta khi học đến phần thiết kế menu sẽ biết cách sử dụng theo định dạng này.

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

Những bài bạn nên xem:

1. Các thẻ HTML định dạng văn bản
2. Các thẻ HTML khai báo thông tin trang web
3. Bố cục HTML của một trang web