Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp chia trang HTML thành hai phần theo chiều ngang, tất cả chúng ta đều biết rằng chúng ta có thể chia trang html thành các phần theo chiều dọc cũng như các phần theo chiều ngang
Nhưng hôm nay khái niệm của chúng tôi là giải quyết vấn đề chia trang html thành hai phần theo chiều ngang
Điều này có thể được thực hiện với sự trợ giúp của nhiều phương pháp khác nhau, nhưng mục tiêu của chúng tôi là giúp bạn giải quyết vấn đề theo cách chuyên nghiệp. Vì vậy, hôm nay chúng tôi sẽ chỉ cho bạn cách chúng tôi có thể chia trang html thành hai phần theo chiều ngang
Hướng dẫn từng bước về cách chia trang HTML thành hai phần theo chiều ngang. -
Như, không lãng phí thêm thời gian. Điều này có thể được thực hiện với sự trợ giúp của thẻ div và thẻ con của nó có tên là thẻ phần. Nhưng chủ yếu thẻ chia được sử dụng cho công việc này
Vì vậy, hãy chuyên nghiệp, chúng tôi cũng hướng dẫn bạn cách chia trang html theo chiều ngang bằng cách sử dụng các thẻ chia. Nếu bạn muốn biết về phân chia theo chiều dọc, thì chúng tôi đã xuất bản một bài viết về chủ đề này. Bạn có thể qua trang đó để tham khảo
Title of the documentthis is first division that is horizontally alignedthis is second division that is horizontally aligned
- First, we write which we used as an instruction to the web browser about what version of HTML file is written in.
- Secondly, the tag is used to indicate the beginning of an HTML document.
- As above now tag is used to contain information about web page. In this tag a tag is used which helps us to specify a webpage title. Both and tags are Paired tags. So, both have and ending tags respectively.
- Thirdly, tag is used to define the webpage body. All the contents to show on website are written here.
- Trong thẻ body, ở đây trước tiên chúng ta tạo một thẻ div với một số chiều cao và chiều rộng, trong khi màu nền là lựa chọn của bạn
- Bên trong thẻ div chính này, chúng ta tạo thêm hai thẻ div. Và chiều rộng của chúng phải giống với chiều rộng của div chính, nhưng trong trường hợp chiều cao, bạn phải cung cấp cho chúng khác nhưng nhỏ hơn div chính
- Hãy nhớ rằng tổng chiều cao của thẻ div bên trong bằng chiều cao của div chính
- Như bạn thấy bây giờ trên trình duyệt, trang web được chia thành hai phần, với chiều cao bạn đã chỉ định
- At last, the and tags are closed with and respectively.
Phần kết luận. -
Tóm lại, chúng tôi có thể nói rằng sau khi đọc bài viết này, chúng tôi có thể chia trang html theo chiều ngang bằng cách sử dụng thẻ chia và trong phần tiếp theo, chúng tôi cũng sẽ giúp bạn hiểu cách bạn có thể chia trang web theo chiều ngang với sự trợ giúp của thẻ frameset và khung
In HTML,
The
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="vi"
< đầu >
< tiêu đề > Tài liệu đầu tiên
< liên kết rel="stylesheet" href="style.css" >
< /đầu >
< cơ thể >
< h1 kiểu="color:crimson; text-align:center;" > Chia trang HTML bằng cách sử dụng < div> Tag
< div class="one">Section 1
< div class="two">Section 2
< div class="three">Section 3
< /cơ thể >
< /html >
In this code, we have used three
CSS
div
{
văn bản- căn chỉnh . trung tâm;
phông chữ- kích thước . 30px;
màu . trắng;
đệm. 10px;
trưng bày. uốn cong;
sắp xếp các mục. 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
{
nền- màu . cam;
}
số ba
{
nền- màu . hồng hào;
}
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="vi"
< đầu >
< tiêu đề >Tài liệu đầu tiên< /tiêu đề
< liên kết rel="biểu định kiểu" href="style.css" >
< /đầu >
< body >
< h1 kiểu="color. đỏ thẫm; . center;" >Chia trang HTML bằng cách sử dụng < div > Thẻ< /h1>
< div class="one"Section 1
< div class="hai"Section 2
< div class="ba"Section 3
< /body >
< /html >
In this code, we have created three sections using
CSS
div
{
căn chỉnh văn bản. trung tâm;
cỡ chữ. 30px;
màu. trắng;
phần đệm. 10px;
hiển thị. linh hoạt ;
align-items. trung tâm;
biện minh cho nội dung. trung tâm;
chiều cao. 500px;
chiều rộng. 30%;
}
một
{
màu nền. xanh chanh;
thả nổi. trái;
}
hai
{
màu nền. cam;
thả nổi. trái;
}
số ba
{
màu nền. hotpink;
thả 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