Thẻ HTML <ul>
Định nghĩa và cách sử dụng thẻ <ul>
Thẻ <ul>
định nghĩa danh sách không có thứ tự (có dấu đầu dòng). Ví dụ về danh sách HTML không có thứ tự:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Sử dụng thẻ <ul>
cùng với thẻ <li>
để tạo danh sách không có thứ tự.
Mẹo:
- Sử dụng CSS để định dạng danh sách.
- Đối với danh sách có thứ tự, hãy sử dụng thẻ <ol>.
Hỗ trợ trình duyệt
Phần tử <ul> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính Global
Thẻ <ul>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <ul>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Các ví dụ khác
Thiết lập các kiểu danh sách khác nhau (với CSS):
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:disc">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="list-style-type:square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Mở rộng và giảm chiều cao dòng trong danh sách (bằng CSS):
<ul style="line-height:180%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul style="line-height:80%">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Tạo một danh sách bên trong một danh sách (danh sách lồng nhau):
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
Tạo một danh sách lồng nhau phức tạp hơn:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
Cài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <ul>
với các giá trị mặc định sau:
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
83
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
5 cách viết hoa chữ cái đầu trong Excel
Hôm qua -
Cách sử dụng hàm XLOOKUP trong Excel
Hôm qua -
4 cách ẩn hoặc bảo vệ một thư mục Windows tốt nhất, không cần cài thêm phần mềm
Hôm qua -
Cách đăng ký VIP Zing MP3 tải nhạc chất lượng cao
Hôm qua -
Tốc Chiến: Đáp án sự kiện Đố Vui cùng Kassadin
Hôm qua -
24+ bí quyết đơn giản giúp bạn thư giãn, giảm căng thẳng chỉ trong vòng 5 phút
Hôm qua -
Tham số hàm Python
Hôm qua -
Stt gọi anh là, cap tán tỉnh gọi anh là, gọi em là cực chất
Hôm qua -
Cách đổi DNS trên điện thoại iPhone, Android
Hôm qua 2 -
TOP 13 nhà cung cấp hosting tại Việt Nam, tốc độ cao và bảo mật hàng đầu
Hôm qua