How to create HTML <header> Element - HTML Semantic

The <header> element represents a container for introductory content or a set of navigational links.

A <header> element typically contains:

one or more heading elements (<h1> - <h6>)
logo or icon
authorship information

Note: You can have several <header> elements in one HTML document. However, <header> cannot be placed within a <footer>, <address> or another <header> element.

Full Example of HTML <header> Element

A header for an <article>:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<article>
  <header>
    <h1>What Does WWF Do?</h1>
    <p>WWF's mission:</p>
  </header>
  <p>WWF's mission is to stop the degradation of our planet's natural environment, and build a future in which humans live in harmony with nature.</p>
</article>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Semantic
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference