Bài 11. Mô hình hộp, bố cục trang web

datcoder

Em hãy sử dụng phần tử div kết hợp với định dạng CSS để tách trang web Bai 10-NV1.html thành hai 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 hai phần này.

 

Nguyễn  Việt Dũng
29 tháng 4 lúc 12:05

Trong tệp CSS (ví dụ: style.css):

/* Định dạng phần đầu trang */

.header {

    background-color: lightblue; /* Màu nền cho phần đầu trang */

    padding: 20px;

}

 

/* Định dạng phần nội dung */

.content {

    background-color: lightgrey; /* Màu nền cho phần nội dung */

    padding: 20px;

}

 

Trong tệp HTML (Bai10-NV1.html):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <!-- Phần đầu trang -->

    <div class="header">

        <h1>Đóng góp ý kiến cho thư viện của nhà trường</h1>

    </div>

 

    <!-- Phần nội dung -->

    <div class="content">

        <!-- Thêm nội dung của trang web tại đây -->

    </div>

</body>

</html>