Home »
HTML »
HTML Footer Tag
HTML Footer Tag
The HTML <footer> tag was introduced in HTML 5. It is used to define a footer for a document or a section. It is specifically used for defining footer at the bottom of the webpage.
A Footer element contains:
- Copyright information
- Contact information
- Related documents
- Back to top links
- Sitemap
HTML Footer Tag
Example
Try this code »
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag </title>
</head>
<body>
<footer>
<p>Posted by: Bill Gates</p>
<p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
</footer>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag </title>
</head>
<body>
<footer>
<p>Posted by: Bill Gates</p>
<p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
</footer>
</body>
</html>
Output
HTML Footer Tag using Style
In this example, CSS is applied on the Footer tag. The border and padding of the footer tag is specified in the CSS, which will override the default proerties.
Example
Try this code »
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag with CSS </title>
<style>
footer{
border: 1px solid gray;
padding:20px;
}
</style>
</head>
<body>
<footer>
<p>Posted by: Steve Smith</p>
<p>
<address> Sector 64, Noida
</address>
</p>
<p>Contact information:
<a href="mailto:xyz@gmail.com">xyz@gmail.com</a>.
</p>
</footer>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag with CSS </title>
<style>
footer{
border: 1px solid gray;
padding:20px;
}
</style>
</head>
<body>
<footer>
<p>Posted by: Steve Smith</p>
<p>
<address> Sector 64, Noida
</address>
</p>
<p>Contact information:
<a href="mailto:xyz@gmail.com">xyz@gmail.com</a>.
</p>
</footer>
</body>
</html>
Output
Browser Support
 Edge |
 Chrome |
 Firefox |
 Opera |
 Safari |
|
|---|---|---|---|---|---|
<footer> |
Recommended :