Simple HTML That Everyone Should Know

Here’s a list of the most basic HTML that everyone should know.

 

Header Tags

Header tags are treated as important text within an article and search engines read this to help determine content on a page and search results. s

Typically, the title of your article will be enclosed within <h1> tags, which is the highest level for headers. Then comes <h2>, <h3> and sometimes even <h4> tags. Here are some examples that show how to use header tags in conjunction with <p> tags:

<h1>Title of Article</h1>

<p>Introduction paragraph goes here.</p>

<h2>Subheader</h2>

<p>A paragraph of text.</p>

<h3>Another Subheading</h3>

<p>A paragraph of text.</p>

 

Paragraphs

What would a nice heading be without a paragraph to elaborate on the message? To get a paragraph like the one you’re reading now, simply wrap your text in <p> tags like the example below, and don’t forget to close it with a </p> tag.

<p>Hey, I’m a paragraph!</p>

Hey, I’m a paragraph!

 

 

Bold & Strong

To make something bold, there are two code elements that work. However, <strong> is used much more over <b>. Don’t forget to close the <strong> tag! </strong>

<strong>Bold a whole sentence!</strong>
Or only <strong>bold</strong> one word!

Bold a whole sentence!
Or only bold one word!

 

 

Setting a Specific Font

Knowing how to set a specific font is quite helpful. Don’t forget all of the small details, such as the equal sign, quotation marks, and semi-colon. Check out the examples below.

 

<h4 style=”font-family:Georgia;”>I want to change this header to Georgia font.</h4>

<p style=”font-family:Verdana;”>I want to change this paragraph to Verdana font.</p>

I want to change this header to Georgia font.

I want to change this paragraph to Verdana font.

 

 

Setting a Specific Text Color

This one uses the same code type as the previous example, but instead of using font-family, you use “color.” You can experiment with actual colors (blue, red, orange, etc.), or you can also insert hex colors to customize your text to your brand.

<p style=”color:blue;”>The sky is really blue today.</p>
<p style=”color:#ff471a;”>The fire is a reddish-orange.</p>

The sky is really blue today.

The fire is a reddish-orange.’

 

Thank you for reading!

Header  Tags
  (search engine optimization) to hep visitors find your articles through search results on Google, and so on. Header tags are treated as important within an article and search engines read this to help determine content on a page and search r
 learn html learn html learn html learn html code code code code code code learn to hack learn to hack learn to hack learn to hack learn to hack learn to hack learn to hack learn to hack hacking hacking hacking hacking hacking hacking hacking best html site best html site best html site best html site best html site best html site best html site best html site best html site best html site 

Leave a Reply

Your email address will not be published. Required fields are marked *