Tạo danh sách

HTML cung cấp cho người lập trình web 3 cách để xác định danh sách các thông tin. Tất cả các danh sách phải chứa một hoặc nhiều phần tử list. Danh sách có thể gồm:

Danh sách không có thứ tự trong HTML - Thẻ ul trong HTML

Là loại danh sách mà chưa được sắp qua thứ tự. Để tạo loại danh sách này bạn sử dụng thẻ

. Mỗi mục trong danh sách được kết nối với một bullet.

Ví dụ

     
 
Beetroot
 
Ginger
 
Potato
 
Radish
 
  

Kết quả là như sau:

Xem thêm:
• Google Suchoperatoren: 40 Befehle, die du im Jahr 2021 kennen musst (Recherche, Wettbewerbsanalyse und SEO verbessern)



Thuộc tính type trong HTML

Bạn có thể sử dụng thuộc tính type cho thẻ

để xác định kiểu của bullet mà bạn thích. Theo mặc định nó có hình dạng chiếc đĩa tròn (disc). Có các tùy chọn kiểu cho bạn sử dụng:

Ví dụ

Ví dụ sau chúng tôi sử dụng

     
 
Beetroot
 
Ginger
 
Potato
 
Radish
 
  

Kết quả là:



Ví dụ

Sau đây chúng tôi sử dụng

trong thư viện HTML:

     
 
Beetroot
 
Ginger
 
Potato
 
Radish
 
  

Kết quả hiển thị là:



Ví dụ

Ví dụ sau chúng tôi sử dụng

trong thư viện HTML:

     
 
Beetroot
 
Ginger
 
Potato
 
Radish
 
  

Nó sẽ tạo ra kết quả sau:



Danh sách đã qua sắp xếp trong HTML

Nếu bạn được yêu cầu đặt các mục trong danh sách theo thứ tự số thay vì sử dụng các bullet thì loại danh sách đã qua sắp xếp sẽ được sử dụng. Danh sách này được tạo bởi thẻ

. Thứ tự số bắt đầu từ 1 và lượng gia thêm một cho các mục tiếp theo với thẻ
1. .

   Ví dụ

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Nó sẽ tạo ra kết quả sau:

   

   Thuộc tính type trong HTML

   Bạn có thể sử dụng thuộc tính type cho thẻ

   để xác định kiểu của loại thứ tự số mà bạn thích. Theo mặc định, nó là một số. Dưới đây là các tùy chọn có thể:
   - Giá trị số mặc định.
   - Giá trị số La Mã dạng chữ hoa.
   - Giá trị số La Mã dạng chữ thường.
   - Chữ cái thường.
   - Chữ cái hoa.

   Ví dụ

   Ví dụ sau chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Kết quả là:

   

   Ví dụ

   Sau đây chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Kết quả khi chạy đoạn code trên là:

   

   Ví dụ

   Tại đây chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Khi chạy đoạn code trên, nó sẽ tạo ra kết quả sau:

   

   Ví dụ

   Ví dụ này chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Kết quả là:

   

   Ví dụ

   Ở đây chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Nó tạo ra danh sách dạng sau:

   

   Thuộc tính start trong HTML

   Bạn có thể sử dụng thuộc tính start cho thẻ

   để xác định điểm bắt đầu của dãy số bạn muốn. Dưới đây là các tùy chọn có thể:
   - Dãy số bắt đầu từ 4.
   - Dãy số bắt đầu từ IV.
   - Dãy số bắt đầu từ iv.
   - Dãy chữ cái bắt đầu từ d.
   - Dãy chữ cái bắt đầu từ D.

   Ví dụ

   Ví dụ này chúng tôi sử dụng

        
    
   Beetroot
    
   Ginger
    
   Potato
    
   Radish
    
     

   Nó sẽ tạo kết quả:

   

   Danh sách định nghĩa trong HTML - Thẻ dl trong HTML

   HTML và XHTML hỗ trợ một kiểu danh sách mà được gọi là "Danh sách định nghĩa", là nơi mà các mục được liệt kê dưới dạng giống một từ điển hoặc một quyển bách khoa toàn thư. Danh sách này là một cách tuyệt vời để hiển thị một bảng danh sách, bảng chú giải của các mục dữ liệu.

   Danh sách định nghĩa sử dụng 3 thẻ theo sau:

   • - Xác định phần bắt đầu của danh sách

   • - Một mục
   • - Định nghĩa của mục
   • - Xác định phần kết thúc của danh sách

   Ví dụ

        
    
   HTML
    
   La viet tat cua Hyper Text Markup Language
    
   HTTP
    
   La viet tat cua Hyper Text Transfer Protocol
    
     

   Kết quả khi chạy đoạn code trên là: