BÀI THỰC HÀNH SỐ 2 - TẠO DANH SÁCH VÀ BẢNG (TRANG 55)

Bài thực hành số 2 - Tạo danh sách và bảng (trang 55)

Thực hành tạo danh sách và bảng (trang 55). Đây là phần thực hành của bài 9 - Tạo danh sách, bảng - tin học 12 (KNTT). Thầy Cô và các em học sinh có thể dùng làm tài liệu tham khảo. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

Hãy thật sự cố gắng khi còn có thể.
Vì mọi sự cố gắng đều đem lại kết quả tốt đẹp.

3. THỰC HÀNH TẠO DANH SÁCH VÀ BẢNG

Nhiệm vụ 1: Tạo danh sách

Yêu cầu: Viết đoạn mã HTML để tạo danh sách các câu lạc bộ của trường như Hình 9.7.

Hướng dẫn:

Bước 1. Xác định thành phần của văn bản:
Văn bản gồm hai phần tử: một phần tử tiêu đề và một phần tử danh sách lồng nhau.
Bước 2. Tạo tiêu đề bằng cặp thẻ <h2> … </h2>.
Bước 3. Tạo danh sách không có thứ tự:

Bước 4. Tạo mục THỂ THAO với phần mã được thêm vào giữa cặp thẻ ở dòng 2 là định nghĩa của một danh sách có thứ tự:

Lưu ý: Mục thứ tư của danh sách này là một danh sách có thứ tự kiểu đánh số <type>=”a”.
Bước 5. Làm tương tự với mục NGHỆ THUẬT để hoàn thiện danh sách.

Nhiệm vụ 2: Tạo bảng

Yêu cầu: Lập bảng lịch hoạt động của các câu lạc bộ (Hình 9.8).

Hướng dẫn:

Bước 1. Xác định các thông số của bảng:
- Bảng có 7 hàng, 7 cột.
- Thuộc tính Caption của bảng là “Lịch hoạt động CLB thể thao”.
- Hai ô 1, 2 của cột 1 và 2 ô 1, 2 của cột 2 được gộp (rowspan=”2”).
- Các ô 3, 4, 5, 6, 7 của hàng 1 được gộp (colspan=”5”).
Khung viền được đặt border=”1” trong thẻ <table> hoặc sử dụng style=”border: 1px solid” cho thẻ <table> và từng thẻ <td> trong bảng.
Bước 2. Tạo bảng kèm caption.

Bước 3. Tạo hai hàng đầu như phân tích phía trên.

Bước 4. Tạo các hàng còn lại, mỗi hàng là một cặp <tr></tr> bao gồm bảy cặp <td></td> ở giữa chứa dữ liệu như Hình 9.8.
Lưu lại tệp với tên CLB.html.

Code tham khảo phần tạo danh sách