Thực hành thiết lập mẫu định dạng CSS (trang 81). Đây là phần thực hành của bài 14 - Định dạng văn bản bằng CSS - 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.
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ụ 1: Thiết lập mẫu định dạng CSS
Yêu cầu: Thiết lập mẫu định dạng CSS để trình bày nội dung văn bản trong Hình 14.8 trên trang web.
- Các tiêu đề căn trái, cỡ chữ 16 px, màu đỏ, phông chữ không chân.
- Các dòng văn bản thụt lề dòng đầu 2 kí tự, căn trái.
- Toàn bộ văn bản, trừ tiêu đề, là phông chữ có chân.
Hướng dẫn:
Nhiệm vụ 2: Thiết lập mẫu định dạng CSS
Yêu cầu: Thiết lập định dạng cho trang web ở Nhiệm vụ 1 với các yêu cầu sau:- Các tiêu đề căn giữa, cỡ chữ 16 px, màu xanh.
- Các dòng văn bản thụt lề dòng đầu 2 kí tự, căn đều hai bên.
- Các từ in đậm và in nghiêng trong văn bản sẽ thể hiện theo mặc định của trình duyệt.
Hướng dẫn:
Code tham khảo Nhiệm vụ 1. (Trang 81) ➺ Tải file
Code tham khảo Nhiệm vụ 2. (Trang 82) ➺ Tải file
CÙNG CHUYÊN MỤC:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
Bài thực hành số 4. Chèn tệp đa phương tiện và khung nội tuyến (trang 65 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
Bài thực hành số 4. Chèn tệp đa phương tiện và khung nội tuyến (trang 65 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN:
☞ Bài giảng điện tử tin học 12 - kntt
☞ Câu hỏi tự luận tin học 12 - kntt
☞ Câu hỏi trắc nghiệm tin học 12 - kntt
☞ Gợi ý trả lời sgk tin học 12 - kntt
☞ Hướng dẫn thực hành tin học 12 - kntt
☞ Kiểm tra bài cũ (vòng quay may mắn) tin học 12 - kntt
☞ Kiểm tra thường xuyên + định kỳ tin học 12 - kntt
☞ Ma trận + bảng đặc tả tin học 12 - kntt
☞ Ôn bài vui nhộn (game 12 con giáp) tin học 12 - kntt
☞ Phân phối chương trình tin học 12 - kntt
☞ Tóm tắt lý thuyết tin học 12 - kntt
☞ Trò chơi Ai là triệu phú tin học 12 - kntt
☞ Trò chơi hoạt động nhóm tin học 12 - kntt
☞ Câu hỏi tự luận tin học 12 - kntt
☞ Câu hỏi trắc nghiệm tin học 12 - kntt
☞ Gợi ý trả lời sgk tin học 12 - kntt
☞ Hướng dẫn thực hành tin học 12 - kntt
☞ Kiểm tra bài cũ (vòng quay may mắn) tin học 12 - kntt
☞ Kiểm tra thường xuyên + định kỳ tin học 12 - kntt
☞ Ma trận + bảng đặc tả tin học 12 - kntt
☞ Ôn bài vui nhộn (game 12 con giáp) tin học 12 - kntt
☞ Phân phối chương trình tin học 12 - kntt
☞ Tóm tắt lý thuyết tin học 12 - kntt
☞ Trò chơi Ai là triệu phú tin học 12 - kntt
☞ Trò chơi hoạt động nhóm tin học 12 - kntt
