The <footer> tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The footer tag is used within the body tag. The <footer> tag is new in the HTML5. The footer elements require a start tag as well as an end tag.
Syntax :
<footer> ... </footer>
A footer element typically contains authorship information, copyright information, contact information, sitemap, back-to-top links, related documents, etc.
Below examples illustrate the <footer> Tag in HTML elements:
Example 1:
HTML
<!DOCTYPE html>
<html>
<body>
<footer>
<a href=
<a href=
<a href=
<p>@geeksforgeeks, Some rights reserved</p>
</footer>
</body>
</html>
|
Output:
Example 2: Using CSS in footer Tag
HTML
<!DOCTYPE html>
<html>
<head>
<title>footer tag</title>
<style>
.column {
float: left;
width: 27%;
height: 300px;
}
p {
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<footer>
<div class="column">
<p>Company</p>
<ul style="list-style-type:disc">
<li>About Us</li>
<li>Careers</li>
<li>Privacy Policy</li>
<li>Contact Us</li>
</ul>
</div>
<div class="column">
<p>Learn</p>
<ul>
<li>Algorithms</li>
<li>Data Structures</li>
<li>Languages</li>
<li>CS Subjects</li>
<li>Video Tutorials</li>
</ul>
</div>
<div class="column">
<p>Practice</p>
<ul>
<li>Company-wise</li>
<li>Topic-wise</li>
<li>Contests</li>
<li>Subjective Questions</li>
</ul>
</div>
</footer>
</body>
</html>
|
Output:
Browsers Supported:
- Google Chrome 5
- Edge 12
- Internet Explorer 9.0
- Firefox 4.0
- Opera 11.1
- Safari 5.0