Danh sách lồng nhau hoặc danh sách con là danh sách trong danh sách. Mẹo để đánh dấu chính xác các danh sách lồng nhau trong HTML là nhận ra rằng danh sách con thực sự là con của một mục danh sách chứ không phải danh sách

1. Bắt đầu bằng cách tạo một danh sách. Nó có thể được đặt hàng hoặc không có thứ tự.

   
     
   Fruit
     
   Vegetables
     
   Meat
   

2. Bây giờ hãy thêm một danh sách lồng nhau vào mục danh sách đầu tiên.

   
     
   Fruit
       
   
         
   Bananas
         
   Apples
         
   Pears
       
     
     
   Vegetables
     
   Meat
   

   Lưu ý rằng danh sách con là con chứ không phải anh chị em của thẻ
4. Và bạn có thể tiếp tục thêm cấp độ.

   
     
   Fruit
       
   
         
   Bananas
         
   Apples
           
   
             
   Green
             
   Red
           
         
         
   Pears
       
     
     
   Vegetables
     
   Meat
   

Và đây là kết quả danh sách lồng nhau

Những bài viết liên quan

1. Cấp tiêu đề HTML và nội dung phân đoạn
2. Cách đặt câu hỏi kỹ thuật hay
3. Cách lồng danh sách đúng cách trong HTML (bài viết này)
4. Cách cài đặt và sử dụng Visual Studio Code cho lớp học
5. Cách mở tệp HTML trong trình duyệt của bạn từ Visual Studio Code
6. Cách tạo một tài liệu HTML đơn giản
7. Cách làm việc với thẻ trống và thẻ chứa trong HTML
8. Cách đánh dấu trích dẫn trong HTML
9. Cách tạo một bảng HTML
10. Cách buộc làm mới favicon. ico

Bạn đang tìm cách cải thiện kỹ năng HTML của mình?

Ngoài chứa văn bản, các phần tử có thể chứa các phần tử khác. Các phần tử bên trong các phần tử khác được gọi là các phần tử lồng nhau

Đôi khi phần tử bên ngoài sẽ chỉ chứa các phần tử khác, như trong ví dụ trên. Lưu ý cách các phần tử li bên trong phần tử

  
Fruit
    

      
Bananas
      
Apples
      
Pears
    
  
  
Vegetables
  
Meat

Trong một số trường hợp, phần tử bên ngoài sẽ chứa văn bản của chính nó, như trong ví dụ sau

The h1 element is used to create headings in HTML.

Trong ví dụ này, phần tử lồng nhau sửa đổi một phần văn bản bên trong phần tử bên ngoài. Không cần thụt đầu dòng trong trường hợp này vì việc lồng nhau xảy ra ở giữa câu

Nhiều cấp độ

Một phần tử có thể được lồng vào bên trong nhiều phần tử, như thế này

  
Item 1
  
Item 2
    

      
Subitem 1
      
Subitem 2
    
  
  
Item 3

Đây là một ví dụ về một danh sách được lồng trong một danh sách khác. Lưu ý cách các phần tử phụ li được lồng bên trong phần tử

  
Fruit
    

      
Bananas
      
Apples
      
Pears
    
  
  
Vegetables
  
Meat

  
Fruit
    

      
Bananas
      
Apples
      
Pears
    
  
  
Vegetables
  
Meat

 Write your content here..

This is Emphasize Text
This is bold text

This is Emphasize Text
This is bold text