Tạo trang web sử dụng CSS. Yêu cầu: Em hãy soạn văn bản HTML áp dụng các CSS đã khai báo

Trang trước Trang sau

Sách bài tập Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh - Cánh diều

Câu F174 trang 57 SBT Tin học 12: Tạo trang web sử dụng CSS.

Yêu cầu: Em hãy soạn văn bản HTML áp dụng các CSS đã khai báo trong các bài F172, F173 để tạo trang web, khi mở trên trình duyệt web có kết quả như minh hoạ ở Hình 1.

Tạo trang web sử dụng CSS. Yêu cầu: Em hãy soạn văn bản HTML áp dụng các CSS đã khai báo

Quảng cáo

Lời giải:

Bước 1. Tạo cấu trúc trang web

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>F174</title>

</head>

<body>

</body>

</html>

Bước 2. Khai báo internal CSS trong nội dung phần tử head. <style>

h2.blue{color: blue; font-family: "Times New Roman"; font-size: 20px; font-weight: bold;}

h2.red {color: red; font-family: Verdana; font-size: 16px;}

.black{

color: black;

background-color: yellow;

}

#khung

background-color: cyan;

}

</style>

border-style:solid; border-color: black;

Bước 3. Khai báo nội dung sử dụng bộ chọn lớp trong phần tử body.

<h2 class=“blue”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu xanh khai báo ở bài tập F172 </h2>

<h2 class=“red”> Tiêu đề mục áp dụng bộ chọn lớp định dạng chữ màu đỏ khai bảo ở bài tập F172</h2>

<h2 class="black"> Tiêu đề mục áp dụng bộ chọn lớp khai báo ở bài tập F173 </h2>

<p id=“khung”> Đoạn văn áp dụng bộ chọn định danh được khai báo ở bài tập F88 </p>

Bước 4. Chọn File\Save, ghi lưu tệp với tên “F174.html”.

Bước 5. Mở tệp bằng trình duyệt web và xem kết quả.

 

Quảng cáo

Lời giải SBT Tin 12 Bài 10: Bộ chọn lớp, bộ chọn định danh hay khác:

Quảng cáo
Quảng cáo

Xem thêm các bài giải sách bài tập Tin học lớp 12 Cánh diều hay, chi tiết khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Sách VietJack thi THPT quốc gia 2025 cho 2k7:

TÀI LIỆU FILE WORD DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

+ Bộ giáo án, đề thi tốt nghiệp THPT, DGNL các trường các trường có lời giải chi tiết 2025 tại https://tailieugiaovien.com.vn/

+ Hỗ trợ zalo: VietJack Official

+ Tổng đài hỗ trợ đăng ký : 084 283 45 85

500+ đề thi thử tốt nghiệp THPT Quốc gia form 2025

( 128 tài liệu )

100+ đề thi ĐGNL ĐHQG Hà Nội, Tp.Hồ Chí Minh...

( 84 tài liệu )

Đề thi giữa kì, cuối kì 12

( 143 tài liệu )

Bài giảng Powerpoint Văn, Sử, Địa 12....

( 31 tài liệu )

Chuyên đề dạy thêm Toán, Lí, Hóa ...12

( 104 tài liệu )

Đề thi HSG 12

( 4 tài liệu )

xem tất cả

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.

Trang trước Trang sau
Giải bài tập lớp 12 Cánh diều khác
Học cùng VietJack
Tài liệu giáo viên lop 10-11-12