Cổng Khoa học Máy tính dành cho những người yêu thích máy tính. Nó bao gồm các bài báo về khoa học máy tính và lập trình được viết tốt, tư duy tốt và được giải thích tốt, các câu đố và thực hành / lập trình cạnh tranh / các câu hỏi phỏng vấn công ty.

Bạn đang xem : cách tạo danh sách lồng nhau trong html

Danh sách lồng nhau là gì & amp; làm thế nào để tạo danh sách lồng nhau trong HTML?

danh sách là một bản ghi các mẩu thông tin ngắn có liên quan được sử dụng để hiển thị dữ liệu hoặc bất kỳ thông tin nào trong các trang web theo thứ tự hoặc không có thứ tự hình thức. Ví dụ: để mua các mặt hàng, chúng tôi cần chuẩn bị một danh sách có thể là danh sách có thứ tự hoặc không có thứ tự , điều này giúp chúng tôi sắp xếp dữ liệu và dễ dàng tìm thấy mặt hàng.

Trong bài viết này, chúng ta sẽ thảo luận về danh sách lồng nhau trong HTML.

Các thẻ này được sử dụng trong danh sách HTML .

Danh sách không có thứ tự HTML : Danh sách không có thứ tự bắt đầu bằng thẻ “ul”. Mỗi mục trong danh sách bắt đầu bằng thẻ “li”. Các mục trong danh sách được đánh dấu bằng dấu đầu dòng, tức là các vòng tròn nhỏ màu đen theo mặc định.

Cú pháp :

 & lt; ul & gt; .... & lt; / ul & gt; 

Giá trị thuộc tính: Thẻ này chứa hai thuộc tính được liệt kê bên dưới.

  • compact : Nó sẽ hiển thị danh sách nhỏ hơn.
  • type : Nó chỉ định loại điểm đánh dấu nào được sử dụng trong danh sách.

Lưu ý: & lt; ul & gt; các thuộc tính không được HTML5 hỗ trợ.

Xem Thêm  Cách chuyển một số thành chuỗi trong JavaScript - làm thế nào để chuyển đổi số thành chuỗi trong javascript

Ví dụ : Ví dụ này hiển thị một danh sách lồng nhau không có thứ tự. Nó được sử dụng để lồng các mục danh sách tức là danh sách bên trong một danh sách khác.

HTML

& lt;! DOCTYPE html & gt;

& lt; html & gt;

& lt; body & gt;

& lt; h1 style = "color: green" & gt; GeeksforGeeks & lt ; / h1 & gt;

& lt; h2 & gt; Lồng nhau Không có thứ tự Danh sách & lt; / h2 & gt;

< code class = "undefined space"> & lt; p & gt; GeeksforGeeks danh sách khóa học: & lt; / p & gt;

& lt; ul & gt;

< code class = "undefined space"> & lt; li & gt; DSA & lt; / li & gt;

& lt; ul & gt;

& lt; li & gt; Mảng & lt; / li & gt;

& lt; li & gt; Danh sách được Liên kết & lt; / li & gt;

& lt; li & gt; stack & lt; / li & gt;

& lt; li & gt; Queue & lt; / li & gt;

< code class = "western"> & lt; / ul & gt;

& lt; li & gt; Công nghệ Web & lt; / li & gt;

& lt; ul & gt;

& lt; li & gt; HTML & lt; / li & gt;

& lt; li & gt; CSS & lt; / li & gt;

< code class = "trơn"> & lt; li & gt; JavaScript & lt; / li & gt;

& lt; / ul & gt;

& lt; li & gt; Aptitude & lt; / li & gt;

& lt; li & gt; Cổng & lt; / li & gt;

& lt; li & gt; Vị trí & lt; / li & gt;

& lt; / ul & gt;

& lt; / body & gt;

& lt; / html & gt;

 
 

Đầu ra:

Danh sách có thứ tự HTML : Danh sách có thứ tự bắt đầu bằng thẻ “ol”. Mỗi mục trong danh sách bắt đầu bằng thẻ “li”. Các mục danh sách được đánh dấu bằng số theo mặc định.

Cú pháp :

 & lt; ol & gt;
  & lt; li & gt; Mục 1 & lt; / li & gt;
  & lt; li & gt; Mục 2 & lt; / li & gt;
  & lt; li & gt; Mục 3 & lt; / li & gt;
& lt; / ol & gt; 

Giá trị thuộc tính :

  • compact : Nó xác định danh sách nên được thu gọn (compact thuộc tính không được hỗ trợ HTML5. Thay vào đó, hãy sử dụng CSS).
  • đảo ngược : Nó xác định rằng thứ tự sẽ giảm dần.
  • bắt đầu >: Nó xác định số bắt đầu hoặc bảng chữ cái cho danh sách đơn hàng.
  • type : Nó xác định loại (1, A, a, I và i) của đơn hàng mà bạn muốn trong danh sách của bạn là số, chữ cái hoặc số la mã.

Ví dụ: Ví dụ sau hiển thị một danh sách có thứ tự lồng nhau.

HTML

& lt;! DOCTYPE html & gt;

& lt; htm l & gt;

& lt; body & gt; < / code>

& lt; h1 style = "color: green" & gt; GeeksforGeeks & lt; / h1 & gt;

& lt; h2 & gt; Danh sách Có Thứ tự Lồng nhau & lt; / h2 & gt;

& lt; ol & gt;

& lt; li & gt; Cà phê & lt; / li & gt;

< code class = "undefined space"> & lt; li & gt; Trà

& lt; ol & gt;

& lt; li & gt; Trà đen & lt; / li & gt;

& lt; li & gt; Trà xanh & lt; / li & gt;

& lt; / ol & gt;

& lt; / li & gt;

& lt; li & lt; / ol & gt;

& lt; / body < / code> & gt;

& lt; / html & gt;

 
 

Đầu ra:

Ghi chú cá nhân của tôi


Xem thêm những thông tin liên quan đến chủ đề cách tạo danh sách lồng nhau trong html

[CSS] Cách code thẻ ul li tạo danh sách

alt

  • Tác giả: Sơn Vina
  • Ngày đăng: 2020-09-04
  • Đánh giá: 4 ⭐ ( 1877 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách code thẻ ul li tạo danh sách

[HTML cơ bản] Thẻ tạo danh sách trong HTML

  • Tác giả: tuhocweb.com
  • Đánh giá: 3 ⭐ ( 1014 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để khai báo một danh sách trong tài liệu HTML ta sử dụng thẻ tạo danh sách, có ba kiểu danh sách.

Html list là gì? Tìm hiểu về các thẻ HTML danh sách

  • Tác giả: tenten.vn
  • Đánh giá: 4 ⭐ ( 1326 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Html list bao gồm những gì? Các để tạo ra một list trên html như thế nào? Cần phải lưu ý những điều gì trong quá trình tạo này hay không? Tất tần tật sẽ được chia sẻ qua bài viết dưới đây.

One moment, please...

  • Tác giả: blogit.vn
  • Đánh giá: 4 ⭐ ( 1971 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các Thẻ Tạo Danh Sách (Tạo List) Trong HTML

  • Tác giả: nguyenhung.net
  • Đánh giá: 4 ⭐ ( 5049 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các thẻ tạo danh sách (tạo list) trong HTML được sử dụng khá thường xuyên, chẳng hạn như tạo menu, tạo danh sách chuyên mục. Học cách dùng thẻ list

Thẻ tạo danh sách ul, ol, li trong HTML

  • Tác giả: hocjavascript.net
  • Đánh giá: 5 ⭐ ( 9112 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Phần tử danh sách (list) được sử dụng rất thường xuyên trong một tài liệu web bằng HTML. Trong một trang web thường người ta sử dụng các phần tử danh sách

Thẻ tạo danh sách trong HTML

  • Tác giả: giuseart.com
  • Đánh giá: 4 ⭐ ( 3187 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài học hướng dẫn các bạn chèn thẻ tạo danh sách trong html để tập tạo các menu cho website. Các bạn sẽ tạo được danh sách theo thứ tự, không theo thứ tự...

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php