BÀI THỰC HÀNH SỐ 9 - NHẬP TỆP HTML VÀ THIẾT LẬP ĐỊNH DẠNG BẰNG CSS (TRANG 100)

Bài thực hành số 9 - Nhập tệp HTML và thiết lập định dạng bằng CSS (trang 100)

Thực hành nhập tệp HTML và thiết lập định dạng bằng CSS (trang 100). Đây là phần thực hành của bài 17 - Các mức ưu tiên của bộ chọ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

Nhiệm vụ 1: Nhập tệp HTML

Yêu cầu: Nhập tệp HTML với nội dung như sau:

Nhiệm vụ 2: Thiết lập định dạng bằng CSS

Yêu cầu: Thiết lập định dạng cho tệp HTML ở Nhiệm vụ 1 bằng CSS theo các yêu cầu sau:
- Tiêu đề chính của bài màu đỏ, căn giữa.
- Các tiêu đề nhỏ vào xanh, đậm.
- Phần kết nối liên kết phía trên định dạng trên một hàng ngang, căn phải, các liên kết có màu nền xanh lá cây. Khi di chuột lên thì chuyển chữ màu đỏ.
- Các đoạn đầu tiên bên dưới các tiêu đề có màu đỏ, các đoạn khác vẫn màu mặc định.
- Các hình ảnh logo ban đầu ẩn đi. Khi nháy chuột lên dòng “Xem logo của HTML.” và “Xem logo của CSS.” thì các hình ảnh tương ứng được hiện ra.
Hình ảnh trang web sau khi định dạng cần được thể hiện như Hình 17.3.