How to Create a Footer

Footers appear at the bottom of websites and provide information like copyright, links, or contact details. A well-designed footer adds professionalism.

Basic HTML Footer

<footer>
  <p>© 2026 Yasir Web Developer</p>
</footer>

Styling Footer

footer {
  background-color: #111;
  color: white;
  text-align: center;
  padding: 15px;
  margin-top: 20px;
}

Adding Links

You can include navigation links in footer:


  <a href="index.html">Home</a> |
  <a href="blog.html">Blog</a> |
  <a href="contact.html">Contact</a>
</footer>

Footers are consistent across pages and improve user experience and website trustworthiness.