Chúng tôi gặp các danh sách trong nhiều tình huống hàng ngày. Danh sách hữu ích cho nhiều thứ, bao gồm mua sắm hàng tạp hóa và tạo thói quen hàng ngày. Các trường hợp tương tự có thể được tìm thấy trên các trang web. Tiện ích danh sách HTML hỗ trợ chúng ta tạo danh sách trên website
Chủ yếu có ba loại danh sách trong HTML
- Danh sách được yêu cầu
- danh sách không có thứ tự
- danh sách mô tả
Sau đây là các thẻ được sử dụng để viết danh sách trong HTML
Tag Mô tả Định nghĩa một danh sách không có thứ tự. Định nghĩa một danh sách có thứ tự. Xác định một mục danh sách. Định nghĩa một danh sách mô tả. Định nghĩa một thuật ngữ trong danh sách mô tả. Mô tả một thuật ngữ trong danh sách mô tả
Danh sách không có thứ tự HTML
Danh sách không có thứ tự HTML được sử dụng để đại diện cho các mục trong danh sách HTML không theo bất kỳ thứ tự cụ thể nào. Danh sách không có thứ tự trong HTML được thể hiện bằng dấu đầu dòng
cú pháp
- ..
- ..
- ..
- ..
Các
- thẻ được sử dụng để xác định danh sách không có thứ tự trong HTML. Nó phải được đóng lại với
Các
Thuộc tính
Các danh sách không có thứ tự trong HTML chấp nhận các thuộc tính toàn cục của HTML
Thuộc tính toàn cục trong HTML là thuộc tính chung cho tất cả các phần tử HTML tiêu chuẩn,. e. chúng có thể được sử dụng trên tất cả các yếu tố. Các
là một phần tử HTML tiêu chuẩn cho phép các thuộc tính này. Một số thuộc tính toàn cầu HTML phổ biến là có thể kéo, id, tiêu đề, kiểu, v.v.
Ví dụ
Hãy lập danh sách HTML những điều bạn cần học để trở thành nhà phát triển web
Unordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Danh sách theo thứ tự HTML
Danh sách theo thứ tự HTML được sử dụng để biểu thị các mục trong danh sách HTML được sắp xếp theo một thứ tự cụ thể. Thứ tự này có thể tăng hoặc giảm
Danh sách có thứ tự trong HTML có thể được biểu thị bằng số, chữ cái hoặc số la mã
cú pháp
- ..
- ..
- ..
Các
thẻ được sử dụng để xác định danh sách có thứ tự trong HTML. Nó cần phải được đóng lại bằng cách sử dụng
nhãn. Các mục danh sách có thể được bao gồm ở giữa chúngCác
thẻ được sử dụng để xác định các mục danh sách trong danh sách HTML. Các thẻ cần phải được đóng bởi nhãn. Nội dung danh sách có thể được thêm vào giữa chúngThuộc tính
Các danh sách được sắp xếp trong HTML chấp nhận các thuộc tính toàn cục của HTML
Sau đây là một số thuộc tính phổ biến được sử dụng trong danh sách có thứ tự trong HTML
đảo ngược Thuộc tính này được sử dụng để xác định danh sách HTML theo thứ tự đảo ngược
Theo mặc định, các danh sách có thứ tự trong HTML được xác định theo trình tự tăng dần, tức là. e. 1, 2, 3. Sớm. Khi khai báo thuộc tính này, các danh sách HTML được xác định theo thứ tự giảm dần, tôi. e. 3, 2, 1
start
Thuộc tính này dùng để xác định điểm bắt đầu của danh sách.Theo mặc định, các danh sách được sắp xếp theo thứ tự trong HTML bắt đầu từ 1. Nhưng với thuộc tính này, chúng ta có thể đặt điểm bắt đầu của danh sách HTML
Ghi chú. Điểm bắt đầu có thể là một số, chữ cái hoặc số la mã. Chúng ta chỉ cần gán điểm bắt đầu cho thuộc tính start. e. g. start="10", sẽ bắt đầu danh sách từ 10
loại Như đã thảo luận, danh sách có thứ tự không nhất thiết phải theo thứ tự đánh số. Nó có thể là một chữ cái, một số la mã hoặc một số
Thuộc tính type đặt kiểu đánh số của danh sách được sắp xếp trong HTML
- một. đặt số thành chữ thường
- Một. đặt số thành chữ hoa
- tôi. đặt số thành chữ số La Mã viết thường
- Tôi. đặt số thành chữ số La Mã viết hoa
- 1. đặt số thành số
Thuộc tính loại danh sách có thể được sử dụng trong trường hợp chúng tôi muốn sửa đổi điểm đánh dấu mục danh sách
cho e. g. , hãy tưởng tượng chúng ta đang thiết kế một câu hỏi cho bài kiểm tra MCQ. Các câu hỏi được viết trong một danh sách có thứ tự. Bây giờ chúng tôi phải thêm các tùy chọn cho từng câu hỏi ở dạng danh sách có thứ tự. Trong trường hợp này, chúng tôi có thể sử dụng thuộc tính loại để thay đổi điểm đánh dấu mục danh sách cho các tùy chọn [chúng tôi có thể chuyển đổi nó thành chữ số hoặc chữ cái La Mã] để đảm bảo rằng điểm đánh dấu mục danh sách của câu hỏi và các tùy chọn không phải là
Hình ảnh tham khảo cho danh sách
Bạn nên sử dụng thuộc tính kiểu danh sách CSS thay vì thuộc tính kiểu danh sách HTML để thay đổi loại điểm đánh dấu mục danh sách
Ghi chú. Tham khảo các ví dụ để xem cách các thuộc tính này được sử dụng trong mã
Ví dụ
Trong ví dụ trước, chúng tôi đã lập một danh sách có thứ tự những thứ mà một người cần học để trở thành nhà phát triển web. Hãy sửa đổi danh sách một chút dựa trên thứ tự mà chúng nên được nghiên cứu
Ordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Chúng ta cũng có thể đảo ngược thứ tự của danh sách bằng thuộc tính Reversed
Ordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Vì một số lý do, chúng tôi đã quyết định bắt đầu danh sách từ số nguyên 5. Chúng ta có thể làm điều này bằng cách sử dụng thuộc tính start
Ordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Bây giờ, nếu chúng ta muốn các chữ cái thay cho các số trong danh sách thì sao?
Ordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Ví dụ
Hãy để chúng tôi thảo luận về một ví dụ khác để xem cách chúng tôi có thể sử dụng thuộc tính loại. Như đã thảo luận trước đó, chúng tôi sẽ thiết kế giao diện cho bài kiểm tra MCQ
Ở đây, chúng ta sẽ thay đổi loại của các tùy chọn thành số la mã để đảm bảo rằng câu hỏi và câu trả lời không có cùng danh sách định danh
Lists
Quiz
- HTML is an _____ ?
- Markup language
- Programming language
- none of these
- CSS is used for
- Styling
- Scripting
- none of these
- Which of the following is dynamic form of HTML ?
- XML
- DHTML
- none of these
- Which of the following can be linked with HTML ans CSS ?
- Javascript
- C++
- none of these
đầu ra
Danh sách mô tả HTML
Danh sách HTML cho phép chúng tôi tạo danh sách trong đó chúng tôi có thể bao gồm mô tả cho từng mục trong danh sách. Chúng được gọi là danh sách mô tả HTML
cú pháp
________số 8Các
thẻ được sử dụng để xác định danh sách mô tả HTML. Thẻ này phải được đóng bằng thetag. Danh sách các mục và mô tả của chúng có thể được đặt ở giữa Các
thẻ được sử dụng để nêu mục danh sách. Nó cũng phải được đóng lại bằng thẻ và tên mục danh sách có thể được viết ở giữaCác
thẻ được sử dụng để thêm mô tả của mục danh sách. Nó cũng nên được đóng lại với thẻ. Nó luôn được đặt sau mục danh sáchVí dụ
Trong các ví dụ trước, chúng tôi đã cho mọi người biết họ cần gì để trở thành nhà phát triển web. Hãy tạo một danh sách mới cho cùng một danh sách, nhưng lần này, chúng tôi sẽ thêm thông tin ngắn gọn về những điều chúng tôi đang đề cập
Ordered lists
A list of things you need to learn to become a web developer:
Html It is a markup language. It works as the skeleton of the web page. CSS It is used to add styling to the html structure. Javascript It can be called the brain of your web page. Git Git is used to store and share your code.đầu ra
Danh sách HTML lồng nhau
Danh sách trong HTML có thể được xác định trong một danh sách khác. Chúng được gọi là danh sách lồng nhau trong HTML. Để lồng một danh sách trong một danh sách HTML khác, chúng ta phải khai báo danh sách đó trong đặc tả của danh sách cha
Ghi chú. Tất cả các loại danh sách có thể được lồng vào nhau, e. g. chúng ta có thể lồng một danh sách không có thứ tự vào bên trong danh sách có thứ tự hoặc danh sách không có thứ tự
Ví dụ
Hãy lồng một danh sách có thứ tự gồm các khung Javascript phổ biến bên trong mục Javascript của danh sách có thứ tự mà chúng ta đã tạo
Ở đây, trước hết, chúng tôi sẽ lập một danh sách có thứ tự những thứ chúng tôi cần học để trở thành nhà phát triển web. Sau đó, chúng tôi sẽ vào bên trong danh sách và bên dưới
phần tử có chứa Javascript, chúng tôi sẽ tạo một danh sách không có thứ tự HTML khác có chứa các Khung. Do đó, theo cách này, danh sách thứ hai chứa Khung sẽ được lồng vào bên trong mục danh sách Javascript 0Unordered lists
A list of things you need to learn to become a web developer:
- Html
- Css
- Javascript
- Git
đầu ra
Trình duyệt web được hỗ trợ
Thẻ danh sách HTMLChromeFirefoxEdgeSafariOperaYES112YESYESYES112YESYESYES112312. 1
Các cột cho biết tên trình duyệt và khả năng tương thích của từng thẻ với từng trình duyệt
CÓ nghĩa là tất cả các phiên bản của trình duyệt đều hỗ trợ thẻ
Nếu hàng chứa một số [ví dụ: 1 cho Firefox], điều đó cho biết rằng phiên bản trình duyệt được chỉ định là phiên bản tối thiểu cần thiết để hỗ trợ thẻ
Ba loại danh sách là gì?
Ví dụ về ba loại danh sách, đó là danh sách không có thứ tự, danh sách có thứ tự và danh sách định nghĩa .Danh sách trong HTML và các loại của nó là gì?
Thẻ danh sách HTMLDanh sách trong HTML là gì?
Hoàn thành khóa học HTML/CSS năm 2022 .− Một danh sách không có thứ tự. Điều này sẽ liệt kê các mục sử dụng dấu đầu dòng đơn giản
− Một danh sách có thứ tự. Điều này sẽ sử dụng các sơ đồ số khác nhau để liệt kê các mặt hàng của bạn
− Một danh sách định nghĩa. Điều này sắp xếp các mục của bạn giống như cách chúng được sắp xếp trong từ điểnBa loại danh sách không có thứ tự trong HTML là gì?
Có thể có 4 loại danh sách gạch đầu dòng. .khoanh trònQuảng trường