HTML10 – Các cặp thẻ định dạng kiểu danh sách

0
88
Xin chào các bạn, hôm nay chúng ta sẽ tiếp tục với các thẻ danh sách trong HTML nhé. Các thẻ định dạng kiểu danh sách được chia ra làm 2 loại: + Danh sách có thứ tự + Danh sách không có thứ tự

Danh sách có thứ tự

Để định dạng 1 danh sách có thứ tự, ta sử dụng cặp thẻ <li></li> được lồng bên trong cặp thẻ <ol></ol>. Ví dụ:
Thẻ <ol> có thuộc tính type để định dạng kiểu hiển thị cho danh sách. Trong đó, kiểu danh sách có thể là:
  • 1: tạo danh sách số
  • a: tạo chữ cái a, b, c, d, …
  • A: tạo danh sách thứ tự chữ in hoa
  • i: tạo danh sách số la mã thường
  • I: tạo danh sách số la mã in hoa
Ví dụ:

Danh sách không có thứ tự

Để định dạng 1 danh sách không có thứ tự, chúng ta sử dụng cặp thẻ <li></li> được lồng bên trong cặp thẻ <ul></ul>. Ví dụ:
Thẻ <ul> có thuộc tính type để định dạng kiểu hiển thị cho danh sách. Trong đó, kiểu danh sách có thể là:
  • disc: ký hiệu chấm tròn đen
  • circle: ký hiệu chấm tròn trắng
  • square: ký hiệu ô vuông đen
  • none: không có ký hiệu phía trước danh sách
Ví dụ:
Thông thường, cặp thẻ ul li được sử dụng để xây dựng Menu đa cấp, menu dọc và menu ngang đều được. Hiện tại thì chúng ta chưa thể làm được vì chưa học CSS. Sau khi học HTML, CSS xong, mình sẽ có những ví dụ, bài tập thực tế làm Menu nhé. Còn bài viết hôm nay mình xin dừng tại đây. Chúc các bạn học tập tốt !  

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây