In HTML,
The
- Làm cách nào để sử dụng thẻ div để chia trang HTML thành các phần theo chiều ngang?
- Làm cách nào để sử dụng thẻ div để chia trang HTML thành các phần dọc?
Làm cách nào để chúng tôi sử dụng thẻ Div để chia trang HTML thành các phần nằm ngang?
In HTML, a
HTML
< html lang="en">
First Document
< / . đỏ thẫm; . center;">
Chia trang HTML bằng cách sử dụng < div> Tag
Section 1
Section 2
Section 3
In this code, we have used three
CSS
div
{
văn bản- căn chỉnh . căn giữa;
phông chữ- kích thước . 30px;
màu . màu trắng;
phần đệm. 10px;
hiển thị. flex;
align-items. trung tâm;
biện minh- nội dung . trung tâm;
chiều cao . 150px;
chiều rộng . 98 %;
}
. một
{
nền- màu . vôi xanh; . hai
}
.two
{
nền- màu . cam;
}
. ba
{
nền- màu . hotpink;
}
In the CSS part, we have targeted all three
đầu ra
The output shows that a web page is divided into three sections using HTML
Làm cách nào để chúng tôi sử dụng Thẻ Div để Chia trang HTML thành các Phần Dọc?
In HTML, we can use
HTML
< html lang="en">
First Document
< /đầu>
Chia trang HTML bằng cách sử dụng < div > Thẻ< /h1>
Section 1
Section 2
Section 3
In this code, we have created three sections using
CSS
div
{
căn chỉnh văn bản. căn giữa;
cỡ chữ. 30px;
màu. trắng;
đệm. 10px;
hiển thị. flex ;
align-items. trung tâm;
justify-content. trung tâm;
chiều cao. 500px;
chiều rộng. 30%;
}
. một
{
màu nền. xanh chanh;
nổinổi . : trái;
}
. hai
{
màu nền. cam;
nổi. trái;
}
. ba
{
màu nền. hồng nóng bỏng;
nổi. trái;
}
Trong phần CSS, chúng tôi nhắm mục tiêu tất cả các div và sử dụng các thuộc tính khác nhau để cung cấp chiều cao, chiều rộng, phần đệm và kích thước phông nền cho nội dung div. Theo quan sát, các phần dọc được tạo với sự trợ giúp của thuộc tính float của CSS và giá trị của nó được đặt thành left
đầu ra
The output shows that a web page is divided into three sections using HTML
Phần kết luận
Trong HTML, chúng ta có thể chia toàn bộ trang web thành các phần bằng cách sử dụng
thẻ cùng với CSS. Theo mặc định, một
thẻ chia trang web thành các phần ngang. Tuy nhiên, bạn có thể sử dụng thuộc tính float của CSS để tạo các phần dọc của trang web. Bằng cách làm theo hướng dẫn này, bạn có thể áp dụng
thẻ chia trang HTML