Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu
Nội dung lý thuyết
1. Tạo danh sách
a) Danh sách xác định thứ tự
Danh sách xác định thứ tự được dùng khi thứ tự xuất hiện các mục là quan trọng.
Sử dụng thẻ
<ol>để tạo danh sách có thứ tự. Mỗi mục trong danh sách nằm trong cặp thẻ<li>...</li>.Mặc định danh sách đánh số từ 1.
Ví dụ 1: Tạo danh sách trong phần <body> hiển thị các công nghệ cần biết khi tạo web.
Có thể thay đổi số bắt đầu bằng thuộc tính
startcủa thẻ<ol>.
Ví dụ 2: <ol start="5"> → danh sách bắt đầu từ số 5.
Để thay đổi kiểu đánh số, dùng thuộc tính
typetrong thẻ<ol>.
Bảng 1. Một số giá trị thuộc tính type thường dùng:
| Giá trị | Cách xác định thứ tự |
|---|---|
| 1 | Số nguyên: 1, 2, 3,... |
| a | Chữ cái in thường: a, b, c,... |
| A | Chữ cái in hoa: A, B, C,... |
| i | Số La Mã in thường: i, ii,... |
| I | Số La Mã in hoa: I, II, III,... |
Ví dụ 3: <ol type="A"> → đánh số bằng chữ cái in hoa.
b) Danh sách không xác định thứ tự
Dùng khi thứ tự các mục không quan trọng.
Sử dụng thẻ
<ul>để tạo danh sách không xác định thứ tự.Các mục trong danh sách nằm trong cặp thẻ
<li>...</li>.
Ví dụ 4: Tạo danh sách các loại danh sách trong HTML.
2. Tạo bảng
Dùng để thể hiện thông tin có cấu trúc như thống kê, so sánh dữ liệu.
Dùng thẻ
<table>để tạo bảng.
Cấu trúc:
<tr>: dòng (hàng) của bảng<td>: ô dữ liệu trong bảng<th>: ô tiêu đề (thường dùng để tạo tiêu đề cột, hiển thị in đậm, canh giữa)
Ví dụ 5: Tạo bảng danh sách cán bộ lớp 12A1.
Bảng có thể gồm các thành phần như văn bản, hình ảnh, liên kết, bảng lồng nhau.
Lưu ý: Để bổ sung dòng tiêu đề cho bảng, dùng thẻ <caption> và đặt ngay sau thẻ <table>.