Quick Code: How to Make Header and Paragraph HTML - Flight Media Blog
Quick Code: How to Make Header and Paragraph HTML

Quick Code: How to Make Header and Paragraph HTML

Just like all HTML, creating headers and paragraphs is a matter of surrounding the desired text with proper tags.

For example, whenever you write an article or paper, you typically want the title to be larger than the actual paragraph. If you wanted to do this, you would place header (<h>) tags around the title and paragraph (<p>) tags around the paragraph.

Header tags are created with <h1> to <h6> tags. (These are the only sizes available for HTML.)

<h1>Your awesome header</h1>
<h2>Your awesome header</h2>
<h3>Your awesome header</h3>
<h4>Your awesome header</h4>
<h5>Your awesome header</h5>
<h6>Your awesome header</h6>
<!--Don't forget to close your tags with </>!-->

Paragraph tags are created with <p> tags.

<p>Once upon a time there was a paragraph. 
It was quite dirty and needed a bath.
At that moment, it realized it could be better.
If only, somehow, it had a header.</p>

Below is an example paragraph with <p> tags to keep a small, paragraph font size, and a title with <h3> tags to create a larger, more distinguishable font size.

  • HTML
  • Preview

<h3>My Undeniable Love for Code</h3>

<p>I absolutely love to code. It makes me feel like a little kid in a candyshop. With so much to learn and so little time, it’s no wonder Flight Media Blog makes a great resource to use for learning! ;)</p>

My Undeniable Love for Code

I absolutely love to code. It makes me feel like a little kid in a candyshop. With so much to learn and so little time, it’s no wonder Flight Media Blog makes a great resource to use for learning! ;)

If this Quick Code helped, hit a share button. :)

About Josh Coffy

Entrepreneur. Marketing Nerd. Life enthusiast. I am absolutely passionate about what I do. My goal is to inspire others to reach their true potential.
Scroll To Top