Danh sách – Lists trong HTML

HTML cung cấp ba cách để chỉ định danh sách thông tin. Tất cả các danh sách phải chứa một hoặc nhiều thành phần danh sách. Danh sách có thể chứa:

  • <ul> − Một danh sách không có thứ tự. Thao tác này sẽ liệt kê các mục sử dụng dấu đầu dòng trơn.
  • <ol> − Một danh sách có thứ tự. Thao tác này sẽ sử dụng các sơ đồ số khác nhau để liệt kê các mục của bạn.
  • <dl> − Một danh sách định nghĩa. Thao tác 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ển.

1. Danh sách không có thứ tự HTML

Danh sách không có thứ tự là một tập hợp các mục liên quan không có thứ tự hoặc trình tự đặc biệt. Danh sách này được tạo bằng cách sử dụng HTML<ul>tag. Mỗi mục trong danh sách được đánh dấu bằng dấu đầu dòng.

Ví dụ

2. Các kiểu của danh sách

Bạn có thể sử dụng thuộc tính type cho thẻ <ul> để chỉ định loại dấu đầu dòng bạn thích. Theo mặc định, nó là một đĩa. Sau đây là các tùy chọn :

  • <ul type = “square”>
  • <ul type = “disc”>
  • <ul type = “circle”>

Ví dụ

Ví dụ và kết quả về kiểu dấu đầu dòng

3. Danh sách có thứ tự

Nếu bạn được yêu cầu đặt các mục của mình vào danh sách được đánh số thay vì gạch đầu dòng, thì danh sách có thứ tự HTML sẽ được sử dụng. Danh sách này được tạo bằng cách sử dụng thẻ <ol>. Việc đánh số bắt đầu từ một và được tăng thêm một cho mỗi phần tử danh sách được sắp xếp theo thứ tự liên tiếp được gắn thẻ với <li>.

4. Các kiểu của danh sách có thứ tự 

Bạn có thể sử dụng thuộc tính type cho thẻ <ol> để chỉ định loại đánh số bạn thích. Theo mặc định, nó là một số. Sau đây là các tùy chọn có thể :

  • <ol type = “1”> – Mặc định là số.
  • <ol type = “I”> – Số bằng ký tự in.
  • <ol type = “i”> – Số bằng ký tự thường.
  • <ol type = “A”> – Chữ in.
  • <ol type = “a”> – Chữ thường.

Ví dụ

Ví dụ về danh sách có thứ tự

5. Định dạng số bắt đầu

Bạn có thể sử dụng thuộc tính start cho thẻ <ol> để chỉ định điểm bắt đầu đánh số bạn cần. Sau đây là các tùy chọn :

<ol type = “1” start = “4”>    – Bắt đầu bằng 4.

<ol type = “I” start = “4”>    – Bắt đầu bằng IV.

<ol type = “i” start = “4”>    – Bắt đầu bằng  iv.

<ol type = “a” start = “4”>    – Bắt đầu bằng d.

<ol type = “A” start = “4”>    – Bắt đầu bằng D.