Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm
Element ofLists Bring Order To Web Pages: Here’s The HTML Code To Create ThemWhat does- element is used to define an unordered list of items. Use an unordered list to contain
- elements that do not need to be presented in numerical order and can be rearranged without changing the meaning of the list.DisplayblockUsagesemantic
nội dung
- 1 Ví dụ về mã
- 2 Danh sách giới thiệu chung
- 3 Danh sách mặt hàng không quan trọng thứ tự
- 4 Thuộc tính của
Mã ví dụ
Unordered list items:
- Arranged in any order
- Will still make sense
Các mục danh sách không có thứ tự
- Sắp xếp theo thứ tự bất kỳ
- Vẫn sẽ có ý nghĩa
Tất cả về danh sách
Bạn có thể không biết điều này, nhưng các nhà phát triển web yêu thích danh sách. Họ sử dụng chúng mọi lúc. Với tư cách là nhà phát triển web, chúng tôi đã tự mình cung cấp một danh sách hướng dẫn mở rộng bao gồm tất cả những điều cơ bản. danh sách không có thứ tự, danh sách có thứ tự, danh sách định nghĩa, danh sách đếm ngược, danh sách lồng nhau–và thậm chí chạm vào một số chủ đề nâng cao
Đọc Hướng dẫn về danh sách của chúng tôi để tìm hiểu khá nhiều điều cần biết về danh sách HTML
Danh sách các mặt hàng mà thứ tự không quan trọng
Có hai loại danh sách chính dành cho nhà phát triển web. danh sách có thứ tự và danh sách không có thứ tự. Nếu thứ tự của các mục trong danh sách quan trọng, hãy sử dụng danh sách có thứ tự. Nếu thứ tự của các mục trong danh sách không quan trọng, hãy sử dụng danh sách không có thứ tự
Theo mặc định, danh sách có thứ tự được hiển thị với số làm điểm đánh dấu mục danh sách và danh sách không có thứ tự được hiển thị với dấu đầu dòng. Do đó, nhiều nhà phát triển web và tác giả nội dung sẽ chọn giữa danh sách không có thứ tự và có thứ tự dựa trên việc họ muốn số hoặc dấu đầu dòng bên cạnh các mục trong danh sách của họ
Đây là một sai lầm
Điểm đánh dấu mục danh sách có thể thay đổi bằng CSS, nhưng ý nghĩa ngữ nghĩa được chuyển tải bằng lựa chọn loại danh sách không thể thay đổi bằng CSS
Danh sách không có thứ tự HTML hoặc Danh sách dấu đầu dòng hiển thị các phần tử ở định dạng dấu đầu dòng. Chúng tôi có thể sử dụng danh sách không có thứ tự mà chúng tôi không cần hiển thị các mục theo bất kỳ thứ tự cụ thể nào. Thẻ HTML ul được sử dụng cho danh sách không có thứ tự. Có thể có 4 loại danh sách gạch đầu dòng
Để biểu diễn các danh sách có thứ tự khác nhau, có 4 loại thuộc tính trong
- nhãn. LoạiMô tảLoại "đĩa"Đây là kiểu mặc định. Theo phong cách này, các mục danh sách được đánh dấu bằng dấu đầu dòng. Nhập "vòng tròn"Theo kiểu này, các mục trong danh sách được đánh dấu bằng các vòng tròn. Nhập "hình vuông"Trong kiểu này, các mục trong danh sách được đánh dấu bằng hình vuông. Nhập "không"Trong kiểu này, các mục danh sách không được đánh dấu
Ví dụ về danh sách không có thứ tự HTML
Kiểm tra nó ngay bây giờđầu ra
loại ul = "vòng tròn"
Kiểm tra nó ngay bây giờđầu ra
loại ul = "hình vuông"
Kiểm tra nó ngay bây giờđầu ra
loại ul = "không"
Kiểm tra nó ngay bây giờđầu ra
Ghi chú. Thuộc tính type không được hỗ trợ trong HTML5, thay vì type, bạn có thể sử dụng thuộc tính CSS của list-style-type. Sau đây là ví dụ hiển thị thuộc tính CSS cho thẻ ul
Mã số
Kiểm tra nó ngay bây giờđầu ra
Trình duyệt hỗ trợ
Phần tửChromeIEFirefoxOperaSafariYesYesYesYesYesIn this article, we will know how to create an unordered list in HTML. An Unordered list
- tag in HTML is used to define the unordered list item in an HTML document. It contains the list items
- element. The
- tag requires opening and closing tags.
cú pháp.
- List of items
Thuộc tính. Thẻ này chứa hai thuộc tính được liệt kê bên dưới.
- gọn nhẹ. Nó sẽ làm cho danh sách nhỏ hơn
- loại. Nó chỉ định loại điểm đánh dấu nào được sử dụng trong danh sách
Note: The
- attributes are not supported by HTML 5.
Example: This example illustrates the use of an unordered list by using the
- tag.
HTML
- 1
_______92____93____94
- 5
_______92____97____94
- 0______92____22
- 3
- 2
- 4
- 6____97____94
- 5
_______92____911____94
- 0_______92____915
- 16
- 15
- 4
- 0______92____921
- 22
- 21
- 4
- 0____92____927
- 4
- 29
- 2
- 31
- 32
- 31
- 4
- 29
- 2
- 31
- 38
- 31
- 4
- 29
- 2
- 31
- 44
- 31
- 4
- 29
- 2
- 31
- 50
- 31
- 4
- 0____26____927
- 4
_______26____911____94
- 5
- 6____93____94
đầu ra
HTML Danh sách không có thứ tự
Có một số thuộc tính kiểu danh sách có thể được sử dụng với các mục danh sách không có thứ tự
HTML
- type Attribute: The
- type attribute in HTML is used to specify the type of a list items. This attribute also defines the style of the bullet point of the list items.
Giá trị thuộc tính.
- đĩa. Nó là giá trị mặc định. Nó tạo ra một vòng tròn đầy
- khoanh tròn. Nó tạo ra một vòng tròn không được lấp đầy
- Quảng trường. Nó tạo ra một hình vuông đầy
Note: The
- type attribute is not supported by HTML 5.
Ví dụ. Ví dụ này mô tả Danh sách không có thứ tự HTML
HTML
- 1
_______92____93____94
- 5
_______92____97____94
- 0______92____22
- 75
- 2
- 4
- 6____97____94
- 5
_______92____911____94
- 0_______92____947
- 48
- 47
- 4
- 0____92____915
- 04
- 15
- 4
- 0______92____209
- 10
- 09
- 4
- 5
- 0____92____927
- 4
- 29
- 2____931
- 21
- 31
- 4
- 29
- 2____931
- 27
- 31
- 4
- 29
- 2
- 31
- 33
- 31
- 4
- 29
- 2
- 31
- 39
- 31
- 4
- 29
- 2____931
- 45
- 31
- 4
- 0____26____927
- 4
_______26____911____94
- 5
- 6____93____94
đầu ra
HTML Danh sách không có thứ tự
Danh sách không có thứ tự HTML có các điểm đánh dấu mục danh sách khác nhau
Đĩa. Nó được sử dụng để đặt điểm đánh dấu mục danh sách thành dấu đầu dòng i. e mặc định
ví dụ 1. Ví dụ này minh họa việc sử dụng danh sách không có thứ tự với dấu đầu dòng bằng cách đặt thuộc tính kiểu danh sách thành đĩa
HTML
- 1
_______92____93____94
- 5
_______92____97____94
- 0______92____22____270
- 2
- 4
- 6____97____94
- 5
_______92____911____94
- 0_______92____947
- 48
- 47
- 4
- 0____92____915
- 89
- 15
- 4
- 0______92____209
- 10
- 09
- 4
- 5
- 0_______92____927
- 102____9103
- 104
- 4
- 29
- 2____931
- 21
- 31
- 4
- 29
- 2____931
- 27
- 31
- 4
- 29
- 2
- 31
- 33
- 31
- 4
- 29
- 2
- 31
- 39
- 31
- 4
- 29
- 2____931
- 45
- 31
- 4
- 0____26____927
- 4
_______26____911____94
- 5
- 6____93____94
đầu ra
Danh sách không có thứ tự với điểm đánh dấu mục danh sách đĩa
Khoanh tròn. Nó được sử dụng để đặt điểm đánh dấu mục danh sách thành một vòng kết nối
ví dụ 2. Trong ví dụ này, chúng tôi đã sử dụng danh sách không có thứ tự với dấu đầu dòng hình tròn bằng cách đặt thuộc tính kiểu danh sách thành hình tròn
HTML
- 1
_______92____93____94
- 5
_______92____911____94
- 0_______92____947
- 48
- 47
- 4
- 0_______92____915
- 164
- 15
- 4
- 0______92____209
- 10
- 09
- 4
- 5
- 0_______92____927
- 102____9103
- 179
- 4
- 29
- 2____931
- 21
- 31
- 4
- 29
- 2____931
- 27
- 31
- 4
- 29
- 2
- 31
- 33
- 31
- 4
- 29
- 2
- 31
- 39
- 31
- 4
- 29
- 2____931
- 45
- 31
- 4
- 0____26____927
- 4
_______26____911____94
- 5
- 6____93____94
đầu ra
Danh sách không có thứ tự với điểm đánh dấu mục danh sách vòng kết nối
Quảng trường. Nó được sử dụng để đặt điểm đánh dấu mục danh sách thành hình vuông
ví dụ 3. Trong ví dụ này, chúng tôi đã sử dụng danh sách không có thứ tự với dấu đầu dòng hình vuông bằng cách đặt thuộc tính kiểu danh sách thành hình vuông
HTML
- 1
_______92____93____94
- 5
_______92____911____94
- 0_______92____947
- 48
- 47
- 4
- 0______92____915
- 239
- 15
- 4
- 0______92____209
- 10
- 09
- 4
- 5
- 0______92____927
- 102
- 103
- 254
- 4
- 29
- 2____931
- 21
- 31
- 4
- 29
- 2____931
- 27
- 31
- 4
- 29
- 2
- 31
- 33
- 31
- 4
- 29
- 2
- 31
- 39
- 31
- 4
- 29
- 2____931
- 45
- 31
- 4
- 0____26____927
- 4
_______26____911____94
- 5
- 6____93____94
đầu ra
Danh sách không có thứ tự với điểm đánh dấu mục danh sách vuông
không ai. Nó được sử dụng để đặt điểm đánh dấu mục danh sách không có dấu
Ví dụ 4. Ví dụ này minh họa việc sử dụng danh sách không có thứ tự không có dấu đầu dòng bằng cách đặt thuộc tính kiểu danh sách thành không
Làm cách nào để tạo danh sách trong HTML?
Danh sách có thứ tự bắt đầu bằng thẻ . Mỗi mục danh sách bắt đầu bằng thẻLàm cách nào chúng ta có thể tạo một danh sách không có thứ tự trong HTML?
Danh sách HTML không có thứ tự. Danh sách không có thứ tự bắt đầu bằng thẻ . Mỗi mục danh sách bắt đầu bằng thẻUL trong mã hóa HTML là gì?
Phần tử HTML một danh sách các mục không có thứ tự, thường được hiển thị dưới dạng danh sách có dấu đầu dòng .Làm cách nào để tạo dấu đầu dòng trong HTML?
Đầu tiên, đặt các thẻ xung quanh văn bản để biến thành một danh sách có dấu đầu dòng. Second, place the- …
tags around each line item in the list.