BÀI THỰC HÀNH SỐ 8 - TẠO TRANG WEB (TRANG 93)

Bài thực hành số 8 - Tạo trang web (trang 93)

Thực hành tạo trang web (trang 93). Đây là phần thực hành của bài 16 - Định dạng khung - 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

Nhiệm vụ: Tạo trang web

Yêu cầu: Tạo trang web mô tả bảng 16 tên màu cơ bản CSS như Hình 16.5.

Gợi ý: Bài thực hành có thể thực hiện theo hai bước:
Bước 1. Thiết lập bảng với nội dung như Hình 16.5 nhưng chưa định dạng.
Bước 2. Viết bổ sung các mẫu CSS để định dạng khung đúng như Hình 16.5.

Hướng dẫn:

Bước 1. Thiết lập trang web theo nội dung như Hình 16.5. Sử dụng các thẻ <table> … <table> để thiết lập bảng. Tên bảng được thiết lập bằng thẻ <caption>. Các hàng thiết lập bằng thẻ <tr> … <tr> và ô của bảng thiết lập bằng thẻ <td> … <td>. Riêng các ô tiêu đề (hàng thứ nhất) sẽ sử dụng thẻ <th>. Lưu ý các ô cuối của mỗi hàng cần được thiết lập vào nền theo đúng thông số màu đã ghi tại cột 1 hoặc cột 2. Ví dụ mã nguồn của bảng với hai hàng đầu tiên như sau, các hàng khác sẽ được thiết lập tương tự: