HTML <footer> Tag - HTML Tag

The <footer> tag defines a footer for a document or section.

A <footer> element typically contains:

authorship information
copyright information
contact information
sitemap
back to top links
related documents

You can have several <footer> elements in one document.

How to create HTML <footer> Tag

A footer section in a document

index.html

Example: HTML

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

Output should be:

Which browser will support for HTML <footer> Tag

How to Use CSS to style <footer>

See the Example

index.html

Example: HTML

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

Output should be:

How to set Default CSS Settings for HTML <footer> Tag

Most browsers will display the <footer> element with the following default values

index.html

Example: HTML

<style>
footer {
  display: block;
}
</style>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference