Cách chia trang html thành 4 phần

In HTML,

tag is the most important tag and is utilized in most of the documents. The
tag is considered as the container for other HTML tags. Therefore, it can be used to apply multiple HTML tags on a desired part of the document.

The

tag can also be used to divide an HTML page into multiple sections. This write-up aims to guide you how div tags can be used to divide the page. The following outcomes are expected:

  • 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

tag act as a section for the data in the HTML page. To divide a page into sections, you need to write the required HTML tags inside the
tag. Let’s see the practical example below to understand the division of HTML pages by
tag.

HTML


< html lang="en">
    <head>
        <title>First Document</title>
        <link rel="stylesheet" href="style.css" >
    < / . đỏ thẫm; . center;">
    <body>
        <h1 style="color:crimson; text-align:center;" > Chia trang HTML bằng cách sử dụng < div> Tag</h1>
        <div class="one">Section 1</div>
        <div class="two">Section 2</div>
        <div class="three">Section 3</div>
     </body>
</html>

In this code, we have used three

tags. These
tags are associated with the three CSS classes. The CSS code used in the above HTML code is provided below:

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

tags to format the content of all the divs. To give different colors to each div, three classes “one”, “two”, and “three” are created.

đầu ra

Cách chia trang html thành 4 phần

The output shows that a web page is divided into three sections using HTML

tag.

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

tag to divide a web page into vertical sections. Let’s see the practical example below to understand the vertical division of an HTML page by using
tag.

HTML


< html lang="en">
    <head>
        <title>First Document</title>
        <link rel="stylesheet" href="style.css" >
    < /đầu>
    <body>
        <h1 style="color:crimson; text-align:center;" >Chia trang HTML bằng cách sử dụng < div > Thẻ< /h1>
        <div class="one">Section 1</div>
        <div class="two">Section 2</div>
        <div class="three">Section 3</div>
     </body>
</html>

In this code, we have created three sections using

tag. For better presentation, we have applied the following CSS on the div tags:

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

Cách chia trang html thành 4 phần

The output shows that a web page is divided into three sections using HTML

tag.

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

Làm cách nào để tách một trang trong HTML?

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ẻ . Theo mặc định, thẻ

Làm cách nào để tạo 4 div cạnh nhau?

Thêm CSS .
Sử dụng thuộc tính float để xác định các phần tử sẽ được đặt ở phía nào của vùng chứa. .
Bạn có thể chọn màu nền bằng thuộc tính background-color. .
Set the size of your
with the width and height properties..
Đặt vị trí cho tiêu đề của bạn bằng thuộc tính text-align

Làm cách nào để tách div trong HTML?

Cách sử dụng thẻ div trong HTML để chia trang .
Bước 1. Thêm các thẻ div. Giả sử bạn muốn chia trang thành ba phần. .
Bước 2. Thêm tên lớp vào thẻ div. Bước tiếp theo là thêm tên lớp vào các thẻ div và đặt cho chúng một tên duy nhất. .
Bước 3. thêm nội dung. Tại thời điểm này, bạn đã sẵn sàng

Làm cách nào để chia trang HTML thành ba phần theo chiều ngang và chiều dọc?

4 câu trả lời .
Tôi đã xóa tất cả chiều rộng tối thiểu và chiều cao tối thiểu mà bạn không cần những thứ này trong trường hợp này
sử dụng chiều cao. 100% cho các phần tử của bạn, bạn cũng nên đặt phần này trên các thẻ body và html
khung bên trái phải nổi. còn lại với chiều rộng. 25% , khung bên phải nổi. chiều rộng bên phải. 25% và khung giữa nổi. trái hoặc nổi. đúng với chiều rộng. 50%