An Introduction to HTML Header

Having a working knowledge of HTML is critical in the highly lucrative career of web development. In our ongoing series of HTML video lessons, we will share the basics you need to know about HTML Headers. The HTML <header> tag is used as a container of introductory content or navigation links. Generally, a <header> element contains one or more heading elements, logo or icons, or author's information.

HTML Header

  • The <header> element represents a container for introductory content or a set of navigational skills.
  • The HTML <header> tag can contain one or more heading elements, logos or icons, or ownership information.
  • A <header> cannot be placed within a <footer> tag, <address> tag, or another <header> element.
  • HTML headers are defined with the <h1> to <h6> tags. The <h1> tag defines the most important heading, and the <h6> tag defines the least important heading.

The following example illustrates the use of the <header> tag:

header-tag

output-header-tag

Let’s look at one more example to understand the header tag. In the following example, the header tag is used as a page header.

header-ex-2-html-headers

output-ex-2

Full Stack Web Developer Course

To become an expert in MEAN StackView Course
Full Stack Web Developer Course

Would You Like to Become a Full-Stack Developer?

This article on HTML headers provided a brief insight into how you can use a header tag to make a heading on the web page. We discussed different types of heading tags ranging from <h1> to <h6>. To learn more about web development in its entirety, enrolling in an online learning program and earning your certification is one of the best ways to fast-track your coding career. Simplilearn’s Full Stack Java Developer course offers everything you need to master web development. The course covers a wide range of Java web developer technologies, from basic foundation principles to advanced techniques. You will learn to build an end-to-end application, test and deploy code, store data using MongoDB, and much more through hands-on projects and exercises.

If you’re an aspiring web and mobile developer, HTML training will broaden your skills and career opportunities. Do you have any questions for us? Please leave them in the comments section, and we'll have our experts answer them for you.

About the Author

Aryan GuptaAryan Gupta

Aryan is a tech enthusiast who likes to stay updated about trending technologies of today. He is passionate about all things technology, a keen researcher, and writes to inspire. Aside from technology, he is an active football player and a keen enthusiast of the game.

View More
  • Disclaimer
  • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.