Write a html program to horizontally divide the web page in five sections or
Question
Write a html program to horizontally divide the web page in five sections or
Solution
Sure, here is a simple HTML program that divides the webpage into five horizontal sections:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.section {
height: 20vh; /* vh is a viewport-percentage length. 20vh is 20% of the viewport height */
border: 1px solid black;
}
</style>
</head>
<body>
<div class="section">
<h1>Section 1</h1>
<p>This is section 1.</p>
</div>
<div class="section">
<h1>Section 2</h1>
<p>This is section 2.</p>
</div>
<div class="section">
<h1>Section 3</h1>
<p>This is section 3.</p>
</div>
<div class="section">
<h1>Section 4</h1>
<p>This is section 4.</p>
</div>
<div class="section">
<h1>Section 5</h1>
<p>This is section 5.</p>
</div>
</body>
</html>
This program creates a webpage with five sections. Each section is a div element with a class of section. The CSS rule for .section sets the height of each section to 20% of the viewport height (20vh), effectively dividing the page into five equal sections. Each section contains a heading and a paragraph.
Similar Questions
You can create a horizontal and vertical page break by selecting ____________.
Write an HTML script for Creating Webpage includinga) Heading tags starting from Largest heading to smallest heading.b) Inserting an Image . [4]
Which HTML element is used as a generic container to divide sections or group elements?<container></container><division></division><section></section><div></div>
Add six headings to the document with the text "Hello".Start with the most important heading (the largest) and end with the least important heading (the smallest).<html><body></body></html>
ou can create a horizontal and vertical page break by selecting ____________.Options a row below the row where you want the page break to occur and also a cell in Column A a cell in Row 1 a cell in Column A a row below the row where you want the page break to occur
Upgrade your grade with Knowee
Get personalized homework help. Review tough concepts in more detail, or go deeper into your topic by exploring other relevant questions.