In this section, we will learn what HTML <footer> element is and how it works.

What is <footer> Tag in HTML and How to Make Footer in HTML?

HTML <footer> element is used as a container to group those elements that we want them to appear at the bottom of our webpages.

For example, we usually see the copyright, contact details, sometimes services, etc. at the bottom of webpages. So grouping these contents as the children of <footer> element will help to organize the document and also formatting and applying styles to them becomes much easier.

HTML <footer> Tag Syntax:

<footer> </footer>

HTML <footer> Tag Values

HTML <footer> element is a container for all those contents that we want them to appear at the bottom of our webpages.

Example: using <footer> tag in HTML

See the Pen using <footer> tag in HTML by Omid Dehghan (@odchan1) on CodePen.

Footers in CSS

Just like other elements, <footer> is also an HTML element and we can apply CSS styles to this element as well.

Example: footer with CSS

See the Pen footer with CSS by Omid Dehghan (@odchan1) on CodePen.