Danh sách có thứ tự và không có thứ tự
Định nghĩa danh sách trong HTML/HTML5 có nhiều dạng khác nhau, mỗi dạng sẽ theo một cấu trúc thẻ khác nhau, do đó việc hiểu rõ danh sách rất quan trọng, nếu bạn chưa nắm rõ cách định nghĩa về danh sách thì bạn không thể hiểu hết được bài học này, xin hãy xem trước định nghĩa về danh sách trong HTML/HTML5.
Danh sách có thứ tự
Để thể hiện danh sách có thứ tự ta sử dụng cặp thẻ:
Danh sách sau đây gọi là danh sách có thứ tự:
- 1. Cá lóc kho tiêu
- 2. Cá rô kho tộ
- 3. Cá thu chiên xoài bằm
- 4. Cá điêu hồng nấu ngót
Hoặc:
- a] Học HTML
- b] Học XHTML
- c] Học HTML5
- d] Học CSS2
- e] Học CSS3
HTML viết
Tiêu đề trang web
- Trang chủ
- Giới thiệu
- Sản phẩm
- Dịch vụ
- Liên hệ
Hiển thị trình duyệt:
- Trang chủ
- Giới thiệu
- Sản phẩm
- Dịch vụ
- Liên hệ
Xem thêm ví dụ
Cấu trúc thẻ danh sách có thứ tự và không có thứ tự
Cấu trúc thể hiện thẻ danh sách có thứ tự và không có thứ tự là tương tự nhau.
Cấu trúc phải theo các nguyên tắc sau đây:
Lúc nào cũng phải tồn tại 1 cặp thẻ, không thể thiếu một trong 2:
- Đối với danh sách có thứ tự, phải tồn tại cặp thẻ:
- Đối với danh sách có thứ tự, phải tồn tại cặp thẻ:
- Đối với danh sách không có thứ tự, phải tồn tại cặp thẻ:
- Bên trong thẻ
Một số cấu trúc của danh sách có thứ tự và không có thứ tự
Cấu trúc lồng bên trong
HTML viết
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Hiển thị trình duyệt:
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Cấu trúc lồng bên trong
HTML viết
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Hiển thị trình duyệt:
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Cấu trúc lồng bên trong
HTML viết
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Hiển thị trình duyệt:
Cơm trưa
- Cơm chiên hải sản
- Cơm sườn non nấu cam
- Cơm canh chua cá lóc
Tráng miệng trái cây
- Nho tươi
- Chuối
- Mận
Vấn đề đặt ra là làm sao ta có thể thay đổi dạng của các số, VD đổi thứ tự 1,2,3,4,... sang I,II,III,IV,... hay đổi hình dạng tròn thành hình vuông,... những vấn đề này chúng ta có thể tham khảo thêm bên phần list-sytle của CSS.
Tham khảo thêm
Thẻ xác định danh sách
Thẻ