Tạo danh sách trong html

Bài viết trước độc giả đã cùng obatambeienwasirherbal.com.vn tò mò về bảng (table) vào HTML. Trong nội dung bài viết tiếp theo dưới đây obatambeienwasirherbal.com.vn sẽ ra mắt tiếp cho bạn về danh sách (list) vào HTML.

Bạn đang xem: Tạo danh sách trong html


*

Kết quả trả về sau khi áp dụng kiểu danh sách không thu xếp có dạng như bên dưới đây:

1.1 chỉ định kiểu ký kết tự ghi lại các mục trong list không sắp đến xếp

Để hướng dẫn và chỉ định kiểu ký tự ghi lại các mục trong list không bố trí trong HTML họ sử dụng trực thuộc tính CSS list-style-type.

Ví dụ 1: Trong ví dụ bên dưới đây họ chỉ định đánh dấu các mục trong list không bố trí bằng ký tự chấm tròn đen:

Kết quả trả về bao gồm dạng như dưới đây:

Ví dụ 2: Trong ví dụ dưới đây họ chỉ định ghi lại các mục trong danh sách không sắp xếp bằng ký tự hình tròn:

Kết trái trả về bao gồm dạng như bên dưới đây:

Ví dụ 3: Trong ví dụ dưới đây bọn họ chỉ định khắc ghi các mục trong danh sách không thu xếp bằng ký tự hình vuông:

Kết quả trả về bao gồm dạng như bên dưới đây:

Ví dụ 4: Trong ví dụ dưới đây họ chỉ định không áp dụng ký tự làm sao để ghi lại các mục trong list không thu xếp trong HTML:

Kết quả trả về bao gồm dạng như dưới đây:

2. Vẻ bên ngoài danh sách thu xếp (ordered list) trong HTML

Kiểu danh sách bố trí (ordered list) vào HTML ban đầu bằng thẻ ol. những mục vào danh sách bước đầu bằng thẻ li.Mặc định những mục trong danh sách được đánh dấu bằng số sản phẩm tự.Ví dụ: Bưới đó là ví dụ minh họa vẻ bên ngoài danh sách bố trí trong HTML:

Kết trái trả về tất cả dạng như bên dưới đây:

2.1 chỉ định kiểu ký tự khắc ghi các mục trong list sắp xếp

Để chỉ định và hướng dẫn kiểu ký kết tự khắc ghi các mục trong list sắp xếp, bọn họ sử dụng nằm trong tính type của thẻ ol.

Ví dụ 1: Trong ví dụ bên dưới đây họ chỉ định khắc ghi các mục trong danh sách sắp xếp bằng số sản phẩm tự:

Kết trái trả về tất cả dạng như dưới đây:

Ví dụ 2: Trong ví dụ bên dưới đây bọn họ chỉ định đánh dấu các mục vào danh sách sắp xếp bằng ký tự chữ cái viết hoa:

Kết quả trả về gồm dạng như bên dưới đây:

Ví dụ 3: Trong ví dụ dưới đây bọn họ chỉ định khắc ghi các mục vào danh sách bố trí bằng ký tự vần âm viết thường:

Kết quả trả về tất cả dạng như bên dưới đây:

Ví dụ 4: Trong ví dụ dưới đây chúng ta chỉ định ghi lại các mục vào danh sách bố trí bằng ký tự chữ La Mã viết hoa:

Kết quả trả về tất cả dạng như bên dưới đây:

Ví dụ 5: trong ví dụ bên dưới đây bọn họ chỉ định đánh dấu các mục vào danh sách bố trí bằng ký tự chữ La Mã viết thường:

Kết quả trả về gồm dạng như dưới đây:

3. List kiểu diễn tả trong HTML

Ngoài 2 kiểu list không bố trí và kiểu danh sách sắp xếp, HTML còn cung cấp danh sách mẫu mã mô tả.

Trong danh sách kiểu tế bào tả, các mục, thuật ngữ sẽ sở hữu kèm theo một quãng miêu tả.

Xem thêm: Điểm Danh 14 Bí Quyết Trắng Da Của Sao Hàn Đơn Giản Mà Hiệu Quả

Thẻ dl chỉ định danh sách kiểu tế bào tả, thẻ dt chỉ định thuật ngữ (tên) cùng thẻ dd trình bày từng thuật ngữ.

Ví dụ: tham khảo ví dụ minh họa danh sách kiểu miêu tả trong HTML dưới đây:

Kết quả trả về có dạng như bên dưới đây:

4. List lồng vào HTML

Ngoài kiểu list không được chuẩn bị xếp, giao diện danh sách bố trí và danh sách kiểu mô tả, trong HTML còn có kiểu list lồng, có nghĩa là danh sách này lồng trong danh sách kia.

Ví dụ: dưới đấy là ví dụ minh họa danh sách lồng vào HTML:

Kết trái trả về tất cả dạng như bên dưới đây:

Lưu ý: những mục trong danh sách có thể chứa list mới với các thành phần HTML khác ví như hình ảnh, liên kết, ... .

5. Chỉ định và hướng dẫn số sản phẩm tự đánh dấu các mục vào danh sách

Mặc định số trang bị tự trong kiểu danh sách sắp xếp bắt đầu từ số 1. Tuy vậy nếu hy vọng chỉ định bắt đầu bằng số sản phẩm tự bất kỳ, chúng ta cũng có thể sử dụng thuộc tính start.

Ví dụ: dưới đấy là ví dụ minh họa bí quyết chỉ định số vật dụng tự đánh dấu các mục trong danh sách trong HTML:

Kết quả trả về gồm dạng như dưới đây:

6. Tạo danh sách theo chiều ngang

Chúng ta hoàn toàn có thể sử dụng những thuộc tính CSS không giống nhau để tạo thành kiểu cho list HTML. Đơn giản tuyệt nhất là tạo thành kiểu list theo chiều ngang để tạo nên menu điều hướng.Ví dụ: Dưới đây là ví dụ minh họa biện pháp tạo menu điều phối trong HTML:

Kết quả trả về tất cả dạng như bên dưới đây:

7. Tổng kết

- list trong HTML rất có thể lồng nhau.- những mục trong danh sách rất có thể chứa các phần tử HTML khác.- áp dụng thuộc tính float:left hoặc display:inline trong CSS để hiển thị danh sách theo chiều ngang.

https://obatambeienwasirherbal.com/danh-sach-list-trong-html-50615n.aspx nội dung bài viết trên trên đây obatambeienwasirherbal.com.vn vừa giới thiệu cho mình danh sách (list) vào HTML giúp đỡ bạn tìm hiểu cùng học HTML xuất sắc hơn. Trong các bài viết tiếp theo obatambeienwasirherbal.com.vn sẽ trình làng tiếp cho mình về phần tử Block trong HTML nhé.