Em hãy sử dụng phần mềm div kết hợp với định dạng CSS để tách trang web

Giải Tin học 12 Bài 11: Mô hình hộp, bố cục trang web - Cánh diều

Vận dụng trang 87 Tin học 12: Em hãy sử dụng phần mềm div kết hợp với định dạng CSS để tách trang web Bài 10-NV1.html thành 2 phần: Phần đầu trang và phần nội dung. Phần đầu trang là tiêu đề “Đóng góp ý kiến cho thư viện của nhà trường”, phần nội dung là các thông tin còn lại. Tạo màu nền khác nhau cho 2 phần này.

Quảng cáo

Lời giải:

Code như sau:

<!DOCTYPE html>

<html> <head>

<title>Xác định vị trí tuyệt đối</title> <meta charset="utf-8">

<style>

region {padding: 20px; border-style: solid;}

.header {background-color: Lightcyan;}

navigation_menu{background-color: Lightgray; height: 50px;} .content {background-color: Lightsalmon; height: 300px;} .footer {background-color: Lightgray;}

</style>

</head>

<body>

<div class="header region">Phần đầu trang</div>

<div class="navigation_menu region">Thanh điều hướng</div> <div class="content region">Phần nội dung</div> <div class="footer region">Phần chân trang</div>

</body>

</html>

Kết quả:

Em hãy sử dụng phần mềm div kết hợp với định dạng CSS để tách trang web

Quảng cáo

Lời giải bài tập Tin học 12 Bài 11: Mô hình hộp, bố cục trang web hay khác:

Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Cánh diều hay nhất, ngắn gọn khác:

Xem thêm các tài liệu học tốt lớp 12 hay khá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.


Giải bài tập lớp 12 Cánh diều khác