saftutorials.com
HTML Heading Tutorial

What is HTML Heading?

HTML Heading is a command or tag that highlight HTML text. It can support 6 type heading tag h1, h2, h3, h4, h5, h6.

How to use HTML Heading Tag? HTML heading tag use <h1>Heading Title</h1>....<h6>Heading Title</h6>

Sample HTML Heading Tag

<h1>Heading Text for h1</h1>
<h2>Heading Text for h2</h2>
<h3>Heading Text for h3</h3>
<h4>Heading Text for h4</h4>
<h5>Heading Text for h5</h5>
<h6>Heading Text for h6</h6>

Double Click to Copy Code

Sample HTML Heading Tag with align center

<h1 align="center">Heading Text for h1</h1>
<h2 align="center">Heading Text for h2</h2>
<h3 align="center">Heading Text for h3</h3>
<h4 align="center">Heading Text for h4</h4>
<h5 align="center">Heading Text for h5</h5>
<h6 align="center">Heading Text for h6</h6>

Double Click to Copy Code

Sample HTML Heading Tag with CSS Class

<h1 class="text-success">Heading Text for h1</h1>
<h2 class="text-success">Heading Text for h2</h2>
<h3 class="text-success">Heading Text for h3</h3>
<h4 class="text-success">Heading Text for h4</h4>
<h5 class="text-success">Heading Text for h5</h5>
<h6 class="text-success">Heading Text for h6</h6>

Double Click to Copy Code

Sample HTML Heading Tag with inline CSS code

<h1 style="color:red;">Heading Text for h1</h1>
<h2 style="color:red;">Heading Text for h2</h2>
<h3 style="color:red;">Heading Text for h3</h3>
<h4 style="color:red;">Heading Text for h4</h4>
<h5 style="color:red;">Heading Text for h5</h5>
<h6 style="color:red;">Heading Text for h6</h6>

Double Click to Copy Code

Output HTML Heading Tag

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic