en ⟩
Coding / Programing ⟩
HTML ⟩

make HTML headings - Header tags

How to make HTML headings - Header tags

How to make HTML headings - Header tags

created 7.3 y • edited 7.3 y by Richard Foulon • Updates history (3)

● Easy 🚩 6 steps

To make HTML headings - Header tags, you need 1 thing:

shoppingbag

shoppingbag View guides which use Html blueprint Find info page about Html workbench Find a guide to know how to make a Html Find a guide to know how to find a Html

6 steps

In HTML you can specify several types of headings. It will make the text bigger, so the text stands out, for example to display the main title of the page, title of sections / paragraphs...

There are 6 levels of headings, 1 being the biggest text (most important), to 6 being the smallest text (least important).

Search engines will recognize them and give the keywords used more importance than in regular text. You can use heading tags for SEO

H1 tag will make the biggest header. It's usually the page's title or main topic for the page.

Example:
<h1>My trip to Vegas</h1>

• For search engines, it's the most important header of the page.
• Don't use H1 more than one per page.

2

<H2> header

Use h2 tags to display the topic of the paragraphs / sections of your page.

Example:
<h2>My hotel</h2>

3

<H3> header

Use h3 tags if you need to display titles of subsections.

Example:
<h3>My hotel room</h3>

4

<H4> header

Use h4 tags if you need to display titles of subsections.

Example:
<h4>My bathroom</h4>

5

<H5> header

Use h5 tags if you need to display titles of subsections.

Example:
<h5>The shower</h5>

6

<H6> header

Use h6 tags if you need to display titles of subsections.

Example:
<h6>The soap</h6>

That's it!

If you need to adjust the text size of heading tags, use this CSS code (example for H1 tags):
h1{ font-size: 200%; }

That's it!

If you need to adjust the text size of heading tags, use this CSS code (example for H1 tags):
h1{ font-size: 200%; }

Have some advice, techniques or tips to share about HTML?

📝 Create a guide

Share this guide with your friends! 118

@

googleplus icon

guidememessage icon

👤 1 Author

Richard Foulon @richardfoulon created this guide
82 guides

Founder @guideme | Coder | Author | Photographer
🌎 linktr.ee/richardfoulon
Buy me a beer 🍺
paypal.me/richardfoulon

define the main language of the HTML page — How to define the main language of the HTML page📁 HTML

make your first web page (HTML) — How to make your first web page (HTML)📁 HTML

add comments in HTML code — How to add comments in HTML code📁 HTML

make your first web page (HTML) — How to make your first web page (HTML)📁 HTML

define the main language of the HTML page — How to define the main language of the HTML page📁 HTML

define web page's description in HTML — How to define web page's description in HTML📁 HTML

add comments in HTML code — How to add comments in HTML code📁 HTML

specify the HTML document type - Doctype declaration — How to specify the HTML document type - Doctype declaration📁 HTML

define web page title in HTML — How to define web page title in HTML📁 HTML

include CSS code into HTML code — How to include CSS code into HTML code📁 HTML

Sponsored

What do you think of make HTML headings - Header tags?

Me1sSensitive content Follow comments of this guide

No comments. Be the first!

Follow comments of this guide by clicking the Follow button above!

We use cookies to provide you a better experience. By using our services, you agree to our cookies use.