Danh sách bên trong danh sách html
Thuộc tính giá trị Ví dụ mô tả kiểu danh sách Một hoặc nhiều giá trị của thuộc tính image, position, style bên dưới. kiểu danh sách. Quảng trường; . kiểu danh sách URL hình ảnh kiểu danh sách. url (hình ảnh/danh sách. gif); . không có kiểu danh sách. không ai; . kế thừa kiểu danh sách. thừa kế; . kiểu danh sách-vị trí bên trong kiểu danh sách. phía trong; . kiểu danh sách bên ngoài. ở ngoài; . kế thừa kiểu danh sách. thừa kế; . kiểu danh sách kiểu danh sách kiểu Armenia. người Armenia;
list-style này chỉ có thể áp dụng cho các phần tử list-style: url(‘hình ảnh’) outside;0 vì mặc định các phần tử này sẽ hiển thị theo kiểu mục danh sách (tức là mục danh sách). Nếu bạn muốn sử dụng cho các phần tử khác, thì bắt buộc phải chuyển nó về kiểu mục danh sách hiển thị này. You can convert the display type of it with thuộc tính list-style: url(‘hình ảnh’) outside;1. Dưới đây là một ví dụ về hiển thị danh sách với thẻ list-style: url(‘hình ảnh’) outside;2 Phần tử danh sách (list) được sử dụng rất thường xuyên trong một trang web tài liệu bằng HTML. Trong một trang web, người ta thường sử dụng các phần tử danh sách rất nhiều, chẳng hạn như menu, danh sách những thông tin nào đó,…v…v…đều được tạo ra bởi các thẻ tạo danh sách trong HTML Trong HTML có ba kiểu danh sách (loại danh sách) đó là kiểu sắp xếp (danh sách có thứ tự), kiểu không sắp xếp (danh sách không có thứ tự) và kiểu danh sách mô tả (danh sách mô tả). Tools
Dưới đây là hình ảnh khác nhau giữa ba kiểu danh sách do W3School mô tả Danh sách được yêu cầuĐể khai báo một danh sách với kiểu sắp xếp, bạn phải bắt đầu bằng cặp thẻ Xem ví dụ. http. // codepen. io/thachpham92/pen/QwPewe/ Thẻ list-style: url(‘hình ảnh’) outside;0, list-style: url(‘hình ảnh’) outside;1, list-style: url(‘hình ảnh’) outside;2 Danh sách không có thứ tựGiống như Danh sách có thứ tự, kiểu danh sách Danh sách không có thứ tự sẽ bắt đầu bằng cặp thẻ list-style: url(‘hình ảnh’) outside;3 và bên trong nó, các mục con sẽ được khai báo bằng cặp thẻ
Xem ví dụ. http. // codepen. io/thachpham92/pen/wBZVvO/ Bạn có thể thay đổi kiểu hiển thị của thẻ Danh sách mô tảVới kiểu danh sách này thì cách viết thẻ hơi khác một chút, đó là nó sẽ bắt đầu danh sách bằng cặp thẻ Xem ví dụ. http. // codepen. io/thachpham92/pen/zxXgxo/ Xếp chồng danh sáchTrong HTML, bạn có thể tiến hành xếp chồng một danh sách vào nhiều tầng bằng cách dài thêm một danh sách nữa vào cặp thẻ Xem ví dụ. http. // codepen. io/thachpham92/pen/ogOKgo/ Lời kếtQuá dễ dàng để khai báo phần tử danh sách trong HTML phải không? . Cố gắng lên nào, chỉ còn vài phần tử quan trọng nữa thôi là bạn đã thành chuyên gia HTML rồi |