1. Các kiểu danh sách
1.1. Danh sách không đánh số thứ tự
Danh sách dùng để nhóm dữ liệu một cách logic. Chúng ta có thể thêm các danh sách vào tài liệu HTML để nhóm các thông tin có liên quan lại với nhau.
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ẻ đá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ẻ 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ụ 3.1:
Welcome to HTML
Kết quả hiển thị
Hình 3.1: Kết quả hiển thị khi sử dụng thẻ
Chúng ta có thể tạo ra các danh sách lồng nhau để mô tả nhóm con của thông tin. 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òn.
Ví dụ 3.2:
Welcome to HTML
Kết quả hiển thị
Hình 3.2: Kết quả hiển thị khi sử dụng thẻ lồng nhau
Thuộc tính TYPE của thẻ có thể được dùng định dạng các dấu chấm tròn để hiển thị cho các mục của danh sách. Thuộc tính TYPE có thể nhận 3 giá trị sau:
: Tạo dấu chấm tròn đậm ở đầu mỗi đoạn văn bản.
: Tạo các ô vuông ở đầu mỗi đoạn văn bản.
: Tạo dấu vòng tròn ở đầu mỗi đoạn văn bản.
Ví dụ 3.3:
Welcome to HTML
Kết quả hiển thị
Hình 3.3: Kết quả hiển thị khi sử dụng thẻ với các dấu chấm tròn khác nhau
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ẻ đá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ẻ 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ụ 3.4:
Welcome to HTML
Kết quả hiển thị
Hình 3.4: Kết quả hiển thị khi sử dụng thẻ
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ự. Thẻ có 2 thuộc tính sau:
- Thuộc tính TYPE của thẻ cho biết kiểu đánh số thứ tự [có thể là số hoặc kí tự]. Thuộc tính TYPE có thể nhận các giá trị như: i, I, a, A, n [n là một số].
Chữ in hoa A,B,C, [TYPE=A]
Chữ in thường a,b,c, [TYPE=a]
Chữ số La mã lớn I,II,III, [TYPE=I]
Chữ số La mã nhỏ i, ii, iii, [TYPE=i]
Số thứ tự 1,2,3,4, [TYPE=1], đây là lựa chọn mặc định
Cú pháp:
Hoặc
- START: cho biết thứ tự đầu tiên bắt đầu đánh đề mục cho danh sách.
: Số thứ tự được dùng là số, bắt đầu là số 1.
: Số thứ tự được dùng là số, bắt đầu là số 3.
: Số thứ tự được dùng là ký tự, bắt đầu là ký tự A.
: Số thứ tự được dùng là ký tự, bắt đầu là ký tự B.
Ví dụ 3.5:
Welcome to HTML
Kết quả hiển thị
Hình 3.5: Kết quả hiển thị khi sử dụng thẻ với thuộc tính TYPE