Thầy Cải - Quốc Thái

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

Code tham khảo phần tạo bảng

Lưu ý: Đoạn code tạo danh sách và đoạn code tạo bảng viết chung vào một tệp và lưu với tên là CLB.html.
Đoạn code sau khi gộp chung sẽ là:

CÙNG CHUYÊN MỤC:

CÁC CHUYÊN MỤC LIÊN QUAN:

Bài thực hành số 1 - Định dạng văn bản và phông chữ (trang 50)

Thực hành định dạng văn bản và phông chữ (trang 50). Đây là phần thực hành của bài 8 - Định dạng văn bản - 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.

4. THỰC HÀNH ĐỊNH DẠNG VĂN BẢN VÀ PHÔNG CHỮ

Nhiệm vụ: Viết đoạn mã HTML để trình bày đoạn văn bản trong Hình 8.3.

Hướng dẫn:

Bước 1. Phân tích thành phần của đoạn văn bản:
- Tiêu đề: Dòng 1, dòng 2, dòng 3. Trong đó dòng 1 ở mức tiêu đề cao hơn.
- Đoạn: 3 đoạn, tương ứng với ba bước làm.
Lưu ý: Các dòng 7, 8, 9 đều bắt đầu viết trên dòng mới nhưng không là đoạn vì ta không thấy cách trước và sau như những dòng trên.
Bước 2. Dùng thẻ <h> để viết ba dòng đầu:
Ta có thể sử dụng thẻ <h1> cho dòng 1 và <h2> cho dòng 2, 3 (hoặc <h2> cho dòng 1 và <h3> cho dòng 2, 3).
Để thay đổi màu sắc, dùng thuộc tính style; dùng thẻ <sup> để viết số mũ ở câu lệnh của dòng 2.

Bước 3. Dùng thẻ <p> để viết 3 đoạn bên dưới:
- Viết mỗi đoạn bằng một thẻ <p>.
- Viết chỉ số dưới, số mũ bằng thẻ <sub>, <sup>.
- In đậm, in nghiêng chữ bằng thẻ <strong> hoặc <b>, <em> hoặc <i>.
- Xuống dòng bằng thẻ <br>.

Đoạn code tham khảo

CÙNG CHUYÊN MỤC:

CÁC CHUYÊN MỤC LIÊN QUAN:

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Ố 1 - ĐỊNH DẠNG VĂN BẢN VÀ PHÔNG CHỮ (TRANG 50)

THỰC HÀNH TIN HỌC 12 - SÁCH KẾT NỐI TRI THỨC

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 114 (KNTT - ICT)

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 113 (KNTT - ICT)

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 112 (KNTT - ICT)

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 111 (KNTT - ICT)

KIỂM TRA TIN HỌC 11 - NĂM HỌC 2024-2025 (KNTT)

Chuyên mục bài viết

Các trang web hữu ích

Các video clip đáng xem

Tổng số lượt xem