Answer
HTML has some elements that are used to structure a web page.
All such elements are helpful in designing a web page template that displays the content of a web page.
Here is a list of such layout elements.
Element | Description |
<header> | Defines the header of a web page, which includes the first section of a page. |
<footer> | Defines the footer of a web page, which includes the last section of a page. |
<nav> | Defines a navigation menu of a web page. |
<article> | Defines an article block that displays article content. |
<section> | Used inside the article block to define the basic structure of a page |
<aside> | Defines a sidebar content of a web page. |
Example
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<header>Header</header>
<section>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Articles</a></li>
</ul>
</nav>
<article>
</h1>Article Heading</h1>
</p>Article content goes here.</p>
</article>
</section>
<footer>Footer</footer>
</body>
</html>
In the below example, we have used the layout elements to define the structure of a web page.