Danh sách và bảng trong HTML – Phần 1





Việc
liệt kê danh sách sẽ làm cho văn bản trở nên sáng sủa và dễ theo dõi.
Trong HTML có một số kiểu danh sách như danh sách đánh số thứ tự, danh
sách không đánh số thứ tự, danh sách định nghĩa, danh sách kiểu bảng
chọn và danh sách kiểu thư mục.













1. Các kiểu danh sách
Một số trình duyệt không hỗ trợ danh sách kiểu bảng chọn và danh sách kiểu thư mục.

1.1 Danh sách không đánh số thứ tự :

Danh sách không đánh số thứ tự liệt kê các mục bằng một chấm tròn ở đầu mỗi mục.

Cú pháp:




Cặp thẻ <UL>…</UL> đánh dấu bắt đầu và kết thúc danh sách. Nó có tác dụng lùi lề trái danh sách vào sâu hơn.

Các thẻ <LI> có tác dụng thể hiện bắt đầu một dòng mới với một chấm tròn.

Ví dụ:




Kết quả trả về một danh sách sau:




Theo mặc định, mỗi mục thuộc mức thứ nhất của danh sách không đánh số
thứ tự bắt đầu bằng một chấm tròn, còn mỗi mục thuộc mức thứ hai sẽ bắt
đầu bằng một vòng tròng.

Ta vẫn có thể thay đổi bằng cách sử dụng thuộc tính TYPE.

Cú pháp:




hoặc




Ví dụ:




Kết quả trả về một danh sách sau:





1.2 Danh sách đánh số thứ tự :

Danh sách đánh số thứ tự giống như danh sách không đánh số thứ tự
nhưng các chấm tròn ở đầu mỗi mục sẽ được thay bởi việc đánh số thứ tự
các mục đó.

Cú pháp:




Cặp thẻ <OL>…</OL> đánh dấu bắt đầu và kết thúc danh sách. Nó có tác dụng lùi lề trái danh sách vào sâu hơn.

Các thẻ <LI> có tác dụng thể hiện bắt đầu một dòng mới với một số thứ tự tương ứng.

Ví dụ:




Kết quả trả về một danh sách sau:




Có thể dùng thuộc tính TYPE để lựa chọn các cách đánh thứ tự khác
nhau khi bắt đầu mỗi mục trong một danh sách có đánh số thứ tự:

Chữ in hoa A,B,C,…




Chữ in thường a,b,c,…




Chữ số La mã lớn I,II,III,…




Chữ số La mã nhỏ i, ii, iii,…




Số thứ tự 1,2,3,4,…




Đây là lựa chọn mặc định.

Cú Pháp:




Hoặc




Ví dụ:




Kết quả trả về một danh sách sau:





1.3 Danh sách các định nghĩa :

Danh sách các định nghĩa trông giống như một bảng từ vựng hay bảng giải thích các thuật ngữ lùi vào trong.

Cú pháp:




hoặc




Ví dụ:




Kết quả trả về một danh sách sau:





1.4 Danh sách phối hợp, lồng nhau :

Các kiểu danh sách nêu trên đều có thể lồng nhau và lồng nhau nhiều mức.

Ví dụ:




Kết quả trả về:





Hết phần 1





Nguồn: Sưu tầm Internet