Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu SVIP

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 của nó là quan trọng.

Phần tử li được sử dụng để tạo các mục nội dung trong danh sách.

Các mục trong danh sách theo mặc định tăng dần bằng các số nguyên bắt đầu từ 1.

Thay đổi giá trị bắt đầu bằng thuộc tính start.

Đoạn mã và kết quả hiển thị

Thiết lập giá trị cho thuộc tính type trong khai báo phần tử ol khi muốn thay đổi cách xác định thứ tự các mục trong danh sách.

b) Danh sách không xác định thứ tự

Phần tử ul được dùng để tạo danh sách, các mục nội dung khai báo thông qua phần tử li, mỗi mục nội dung khi hiển thị trên màn hình trình duyệt web được bắt đầu bằng một dấu chấm tròn màu đen.

Tạo và hiển thị danh sách không có thứ tự

2. Tạo bảng

Bảng được tạo bởi lần lượt các hàng. Mỗi hàng được khai báo bằng phần tử tr. Mỗi hàng chứa một hoặc nhiều ô dữ liệu, mỗi ô dữ liệu được khai báo bằng phần tử td.

Dữ liệu trong các ô thường là văn bản, hình ảnh, siêu liên kết..., cũng có thể bao gồm các bảng khác.

Ví dụ tạo bảng bằng các thẻ

Lưu ý: Khai báo phần tử caption ngay say thẻ mở <table> để bổ sung thông tin chú thích.