HTML H1 Heading Style Example

HTML H1 Heading Style With Example

In previous tutorial you have been learn what is html h1 tag heading and how it will work. Today in this tutorial I will teach you how you give style to html heading like h1,h2,h3,h4,h5 and h6.

After completing this html css course you will be able to built your own library like Bootstrap

HTML H1 CSS Style With Example

<!DOCTYPE html>
<html>
<head>
	<title>HTML CSS TUTORIAL</title>
	<meta charset="utf-8">
	<meta name="meyword" content="how to use meta tags in HTML">
	<meta name="descriptin" content="tags in html are those tags which use for html page SEO content and about the websites which are you developing.">
	<meta name="author" content="SHARAFAT HUSSAIN">
	<meta http-equiv="refresh" content="20">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>HTML Heading H1 Style</h1>
<h2>HTML Heading H2 Style</h2>
<h3>HTML Heading H3 Style</h3>
<h4>HTML Heading H4 Style</h4>
<h5>HTML Heading H5 Styles</h5>
<h6>HTML Heading H6 Style</h6>
</body>
</html>

Output

html h1 heading style
html h1 heading style

HTML HEADING TEXT CENTER

To text in html heading we simple use the CSS classes for styling.

<h1 style="text-align: center;">HTML Heading Style</h1>

HTML HEADING TEXT COLOR

<h1 style="color: blue;">HTML Heading Style</h1>

HTML H1 Font Style And Font Family

<h1 style="font-style: bold; font-family: tahoma;">HTML Heading Style</h1>

HTML H1 Letter Spacing

<h1 style="letter-spacing: .2em;">HTML H1  Heading Style</h1>

HTML Heading Link

<h1><a href="www.gss-technology.com/blog/">HTML H1  Heading Style</a></h1>

Leave a Reply