Nội dung chính
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 :
[html] <ol style="list-style-type: property’s value"> </ol>[/html]
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:
[html] <ul style="list-style-type : property’s name"> </ul> [/html]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>
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:
- Các thẻ HTML định dạng văn bản
- Các thẻ HTML khai báo thông tin trang web
- Bố cục HTML của một trang web