Breaking News

HTML Header Tag

An HTML Header Tag is a group of introductory content or navigation links. It contains on most important heading tags, <h1> to <h6>, logo, navigation links, and author information etc.

A <header> element may place within the <body> element. You refrain to put it in a <footer>, <address> or <header> element. It is also referred as <header> element.

Syntax:

<header>
.
.
.
</header>

Example of HTML Header Tag:

<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="UTF-8">
	<title>HTML Header Tag</title> 
</head> 
<body> 
<article> 
<header> 
	<h1>This is the heading.</h1> 
	<h3>This is the sub-heading.</h3> 
	<p>This is the metadata.</p> 
</header> 
</article> 
</body> 
</html>

Attributes supported:

Three types of attributes can add to header tag,

  • Global Attributes
  • Event Handler Content Attributes
  • Element Attributes

HTML Header Tag CSS Default Setting:

Header element has the following default CSS value.

header {
	display: block;
}

 

About Hikmat Ullah

Check Also

HTML Headings Tags H1, H2, H3, H4, H5, H6

HTML Headings Tags H1, H2, H3, H4, H5, H6

In this lession, you will learn totall six levels html headings tags, i.e. <h1> <h2> …