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>

Output

HTML 5 Footer Tag Examples

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>

Output

HTML Footer Tag with CSS

Browser Support

Element	Edge	Chrome	Firefox	Opera	Safari
`<footer>`	Yes	Yes	Yes	Yes	Yes

Recommended :

1 . How to Create HTML Forms
2 . How to Insert Images in HTML Pages
3 . How to use label in HTML
4 . HTML Unorder List

5 . HTML to add Audio in HTML
6 . Progress Bar with HTML and CSS
7 . Create Youtube Thumbnail Generater in PHP
8 . Create Simple Login Form

Topics

BootStrap Snippets
JS Keywords
Form Events
CSS Navbar
JS Objects
Cookies
Forms
Icons
Buttons
Progress
Footer
Errors