Giải Khoa học máy tính 12 Chân trời bài F11: Định kiểu CSS cho bảng và phần tử

Giải bài F11: Định kiểu CSS cho bảng và phần tử sách Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo. Phần đáp án chuẩn, hướng dẫn giải chi tiết cho từng bài tập có trong chương trình học của sách giáo khoa. Hi vọng, các em học sinh hiểu và nắm vững kiến thức. Giải sgk Tin học 12 Khoa học máy tính chân trời sáng tạo

B. Bài tập và hướng dẫn giải

KHỞI ĐỘNG

Theo em nên dùng thẻ gì để trình bày một bảng danh sách tên học sinh trên trang web?

KHÁM PHÁ

1. Định kiểu cho bảng

Làm

Viết mã lệnh CSS để định kiểu nền màu vàng nhạt cho các hàng lẻ trong bảng.

2. Định kiểu cho phần tử <div>

Làm

Viết mã lệnh CSS để tạo ra 3 vùng A, B, C lần lượt nằm kề nhau theo phương ngang.

LUYỆN TẬP

Câu 1:  Em hãy trình bày những khai báo vùng chọn và thuộc tính dùng để định kiểu đường viền và màu nền cho bảng.

Câu 2: Em hãy trình bày những thuộc tính và giá trị dùng để định kiểu cho thẻ <div> giúp tạo bố cục trang web.

Câu 3: Ưu điểm của việc tạo bố cục trang web bằng các thẻ <div> là gì?

VẬN DỤNG

Em hãy thực hiện các yêu cầu dưới đây:

Câu 1: Chỉnh sửa trang chủ của kỉ yếu (tệp index.html và tệp layout.css) sao cho bố cục gồm 3 vùng:

Vùng 1: Dùng để chứa thanh điều hướng nằm ngang (đã tạo ở bài học trước).

Vùng 2: Dùng để hiển thị nội dung, cụ thể trang chủ có nội dung giới thiệu về lớp.

Vùng 3: Dùng để làm vùng chân trang.

Hình 11 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Câu 2: Chỉnh sửa trang web thanhvienlop.html (đã thực hiện ở những bài học trước) sao cho bố cục cũng gồm 3 phần như trang chủ của trang web index.html. Trong đó, đặt bảng thành viên lớp vào vùng 2 và sử dụng CSS để định kiểu cho bảng này.

Hình 12 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Nội dung quan tâm khác

Thêm kiến thức môn học

Từ khóa tìm kiếm:

Giải Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo, giải bài F11: Định kiểu CSS cho bảng và tin học 12 khoa học máy tính chân trời, giải Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo bài F11: Định kiểu CSS cho bảng và

Bình luận

Giải bài tập những môn khác