html heading sizes code example

Example 1: html headings

<h1>I'm the biggest heading</h1>
<h2>I'm smaller than h1</h2>
<h3>I'm smaller than h2</h3>
<h4>I'm smaller than h3</h4>
<h5>I'm smaller than h4</h5>
<h6>I'm the smallest heading</h6>

Example 2: html h1 size

h1  =>    32px    (2em)
h2  =>    24px  (1.5em)
h3  =>  20.8px  (1.3em)
h4  =>    16px    (1em)
h5  =>  12.8px  (0.8em)
h6  =>  11.2px  (0.7em)

Example 3: html heading elements

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width initial-scale=1.0"
          </head>
	<title>
		HTML Heading Elements 
	</title>
  <body>
<h1>This is a h1 element</h1>
<h2>This is a h2 element</h2>
<h3>This is a h3 element</h3>
<h4>This is a h4 element</h4>
<h5>This is a h5 element</h5>
<h6>This is a h6 element</h6>
  </body>
</html>

<!--(h stands for heading)-->

<!--For Output, go to this website:-->
<!--https://html-headings.swanith.repl.co/-->

<!--Note: You should never use headings for making text BIG or bold.-->

Example 4: how to make a h3 tag html

<h3>THE H3 TAG</h3>

Tags:

Misc Example

Recent Posts