Related Topics
CSS
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<header>
<h1>My Web Page</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<header>
<h2>My Article</h2>
<p>By John Doe</p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ligula quis mi luctus fringilla non nec mauris. Sed elementum, elit quis consectetur rhoncus, orci diam tempor diam, a suscipit nisi arcu vel enim.</p>
</article>
</main>
<footer>
<p>© 2023 My Web Page. All rights reserved.</p>
</footer>
</body>
</html>
In this example, the <footer> element is used to define the bottom section of the web page, which typically includes copyright information, links to other pages, or other supplemental information. The <footer> element is placed after the <main> element, and contains a simple paragraph element with the copyright information.
By using the <footer> element, we’re indicating to web browsers, search engines, and assistive technologies that this content is distinct from the main content of the page, and provides additional context or information about the web page.
Popular Category
Topics for You
CSS
Go through our study material. Your Job is awaiting.