Inbound Marketing Strategy

Easy HTML That Everyone Has To Know

Brad Smith
November 11, 2011

People doing business online have to know the basics of each subject.

They need to understand how to generate leads, use content to attract customers, optimize that content for search engines, and promote it through social media channels.

This is really important because success online is the sum of its parts.

No one action or tactic will generate long term growth and success. You need to integrate all the pieces and makes sure they work together well. Dominating Facebook marketing will only get you so far by itself.

This is especially true when creating content. There are really important blog format secrets that have a huge impact on your content’s ultimate success.

If your content doesn’t look and feel right, then people will never take the time to read it. So you need to know the basics of HTML to help you lay out a blog post.

And you can’t just rely on the visual editor because… well, it sucks. It’s great for beginners, but it’s terrible for layout, sizing, and more advanced things like on-page optimization.

Here is some easy HTML that everyone has to know.

Header Tags:

Header tags separate your content into major sections. Typically, your major title will be H1. So content headers will start at H2, and H3 for sub-sections.

For example:

<h2>Major Heading</h2>

<h3>Sub-Heading</h3>

HTML Styles:

These HTML styles (for the lack of a better name) are essential blogging tricks to make your content more readable.

You need to make your content interesting, exciting, and engaging. No one wants to read boring chunks of text. Give your content some personality and emotion by adding different styles to your text.

<strong>Bold</strong>

<em>Italics</em>

<center>Center</center>

Blockquote: You will frequently refer and quote others while blogging. So instead of just giving them normal quotes, take their whole section with context around your point and put it in block quotes. It also makes your text more readable by breaking up the page.

<blockquote>

Long quote.

</blockquote>

Line breaks:

Line breaks are really, really important. Most default line setting bunch up your text and make things hard to read.

People like white space. You should leave some extra space around images, headers, and paragraphs to give people’s eyes a break.

I frequently use them above headers to create more space between sections. For example:

<br />

<h2>Heading</h2>

Lists

There are two types of lists: Ordered (numbered), and unordered (bullets).

The only thing that changes is the beginning and end tags.

So a numbered list would look like this:

<ol>

<li> First point

<li> Second point

</ol>

And a bullet list looks like this:

<ul>

<li> Bullet

<li> Bullet

</ul>

Links:

Links are one of the most common elements you’ll run in to. And it’s the lifeblood of good SEO. You’ll typically be linking out to other people, but you should also be inter-linking your posts and related concepts together.

This helps people find other helpful content and improves your SEO at the same time. For example:

<a href=”https://fixcourse.com/”>internet marketing training</a>

The text “internet marketing training” is called the anchor text. You want to use your target keyphrase that you want the link associated with. Read more about on-page SEO here.

Images:

Images are a powerful supplement to your page content. They improve reader retention and help boost your SEO. Specifically, you’ll want to focus on the alt attribute.

<img src=”https://imagelink.com/” alt=”internet marketing training” width=”300″ height=”250″  />

BONUS: Images with Links:

And finally, making an image a link. Just combine the two pieces of code and you get this:

<img src=”https://imagelink.com/” width=”300″ height=”250″ alt=”internet marketing training” />