The **`<footer>`** element in HTML defines the footer of a document which normally contains addresses, contact numbers, copyright information, and other related information.

A footer is limited to the scope of the section it is defined in, but if defined inside the `<body>` tag, it is rendered as the footer of the whole document.
> All global events and attributes apply to the `<footer>` tag.

# Examples
The following code demonstrates how to use the `<footer>` element:

* The `<footer>` begins at line 13 and contains the `<address>`, `<p>`, and `<a>` tags.
* The `<address>` tag italicizes the address and adds a break after the address.
* The `<p>` tag writes a paragraph.
* The `<a>` tag writes the text *Contact Us* with a link that directs the user to the *<a href="https://www.educative.io/contactUs">Contact Us</a>* page of *<a href="https://educative.io/">Educative.io</a>*. `target="_blank"` ensures that the link opens in a new tab instead of the current one.

<!DOCTYPE html>
<html>
<head>
  <title>Title of the document</title>
</head>

<body>
  <header>
    <h1> Eductive.io </h1>
  </header>
  <p>Level up your coding skills. No more passive learning.
      Interactive in-browser environments keep you engaged and test your progress as you go.
  </p>
  <footer>
    <address>Educative.io</address>
    <p> Copyright ©2021 Educative, Inc. All rights reserved</p>
    <a href="https://www.educative.io/contactUs" target="_blank">Contact Us</a>
  </footer>
</body>
</html>

codemirror

How to use the footer element in HTML

The `<footer>` element in HTML defines the footer of a document, typically containing addresses, contact info, and copyright details.

How to use the footer element in HTML

Syntax

Examples