Thực hành tạo trang HTML và định dạng CSS (trang 88). Đây là phần thực hành của bài 15 - Tạo màu cho chữ và nề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.
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 HTML và định dạng CSS
Yêu cầu: Thiết lập trang HTML và định dạng CSS để thể hiện văn bản sau chính xác và đẹp:
Hướng dẫn:
Bước 1. Nhập văn bản trên thành tệp HTML. Có thể thiết lập các phần tử HTML như sau:- Bốn ý chính của lợi ích CSS được trình bày bằng cặp thẻ <ul><li>.
- Các câu đầu in đậm của các ý chính dùng thẻ <strong>.
- Cụm từ in nghiêng dùng thẻ <em>.
Bước 2. Viết ra các yêu cầu trình bày trang web, ví dụ:
- Tiêu đề chữ màu đỏ.
- Nội dung chính dùng dấu đầu dòng, không có thứ tự để trình bày.
- Các dòng của danh sách có chiều cao vòng bằng 1,5 bình thường.
- Dòng chữ nhấn mạnh đầu dòng để màu xanh đậm.
- Các cụm từ nhấn mạnh bên trong các dòng dùng màu đỏ, chữ nghiêng.
Bước 3. Thiết lập các mẫu định dạng CSS.
Code tham khảo. (Trang 88) ➺ 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: