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

các thẻ html định dạng danh sách 001

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

các thẻ html định dạng danh sách 003

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ẻ

các thẻ html định dạng danh sách 0044

 

 

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

các thẻ định dạng danh sách 00653

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

các thẻ html định dạng danh sách 008877

Thẻ lồng thẻ như sau

các thẻ html định dạng danh sách 0092211

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><dd>

các thẻ html định dạng danh sách 008543Kết quả : các thẻ html định dạng danh sách 083214

 

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

 

Các thẻ HTML định dạng danh sách (list)
4.5 (90%) 2 votes

Bình luận

Bình luận

Share this post