Danh sách có thứ tự: Sử dụng cặp thẻ <ol> để tạo, các mục nằm trong thẻ <li>. Dùng thuộc tính type để chọn kiểu đánh số và start để chọn giá trị bắt đầu.
Danh sách không thứ tự: Sử dụng cặp thẻ <ul> để tạo, các mục nằm trong thẻ <li>. Dùng thuộc tính list-style-type trong style để chọn kiểu kí tự đầu dòng (ví dụ: square).
Danh sách mô tả: Sử dụng cặp thẻ <dl> (danh sách), <dt> (thuật ngữ/mục) và <dd> (mô tả).
- Ví dụ: <dl><dt>Kem</dt><dd>Món ăn ngọt, ở dạng đông lạnh.</dd></dl>.

2. Thiết lập bảng

Cấu trúc bảng: Sử dụng thẻ <table> để tạo bảng, <tr> tạo hàng, <td> tạo ô dữ liệu, <th> tạo ô tiêu đề.

Định dạng bảng:
- Thêm tiêu đề bảng: Sử dụng thẻ <caption> ngay sau <table>.
- Tạo khung viền: Dùng thuộc tính style="border: độ_dày kiểu_viền màu_viền".
- Điều chỉnh kích thước: Dùng thuộc tính style="width: ...; height: ...".
Gộp ô: Sử dụng rowspan để gộp hàng và colspan để gộp cột.
- Ví dụ: <th rowspan="2">Tiêu đề</th> gộp 2 hàng cho ô tiêu đề.

II. KIẾN THỨC TRỌNG TÂM

HTML hỗ trợ ba loại danh sách cơ bản: có thứ tự (<ol>), không thứ tự (<ul>) và danh sách mô tả (<dl>).

Thuộc tính type và start giúp tùy chỉnh danh sách có thứ tự, trong khi list-style-type tùy chỉnh danh sách không thứ tự.
Bảng trong HTML được xây dựng từ các thành phần hàng (<tr>) và ô (<td>, <th>) nằm trong thẻ <table>.
Thuộc tính style với các tham số border, width, height giúp bảng hiển thị chuyên nghiệp và rõ ràng hơn.
Kỹ thuật gộp ô (rowspan, colspan) cho phép tạo các cấu trúc bảng phức tạp.
Nên ưu tiên sử dụng thuộc tính style để định dạng bảng thay vì các thuộc tính cũ của HTML.

III. BỐ CỤC SLIDE PPTX

Slide 1: Tiêu đề
- Tiêu đề: BÀI 9: TẠO DANH SÁCH, BẢNG
- Nội dung: Họ và tên, Năm học 2026 - 2027.
Slide 2: Các loại danh sách
- Tiêu đề: Phân loại danh sách trong HTML
- Nội dung: Danh sách có thứ tự (<ol>), không thứ tự (<ul>) và danh sách mô tả (<dl>).
Slide 3: Tùy chỉnh danh sách
- Tiêu đề: Định dạng danh sách
- Nội dung: Sử dụng thuộc tính type, start và list-style-type.
Slide 4: Cấu trúc bảng
- Tiêu đề: Các thẻ tạo bảng
- Nội dung: Giải thích thẻ <table>, <tr>, <td>, <th> và <caption>.
Slide 5: Định dạng bảng
- Tiêu đề: Làm đẹp bảng
- Nội dung: Sử dụng thuộc tính style để đặt viền (border), kích thước (width, height).
Slide 6: Kỹ thuật nâng cao
- Tiêu đề: Gộp hàng và cột
- Nội dung: Hướng dẫn sử dụng rowspan và colspan để tạo bảng có cấu trúc phức tạp.
Slide 7: Tổng kết
- Tiêu đề: Tóm tắt bài học
- Nội dung: Tầm quan trọng của danh sách và bảng trong trình bày thông tin trên trang web.