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:


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