> For the complete documentation index, see [llms.txt](https://olise-eke.gitbook.io/frontend-tutorial-for-beginners/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://olise-eke.gitbook.io/frontend-tutorial-for-beginners/overview/html/html-header.md).

# HTML Header

This page will teach you how to apply the header elements to a web page.

The HTML \<header> element is a container for introductory content or a set of navigational links. It typically contains the section's heading (an h1–h6 element), logo, and navigation.

&#x20;Here is an example of an HTML header element:

```
<header>
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>
  <h1>Welcome to My Website</h1>
</header>
```

&#x20;Note that in this example, the header element contains a navigation menu and a heading, but it can contain other elements as well, such as a logo or search form. The header element is typically placed at the top of a page or section and can be styled using CSS to control its appearance and layout.