Disclosure: This post may contain affiliate links. This means, at no additional cost to you, I will earn a commission if you click through and make a purchase.
If you’re new to blogging this can be a little overwhelming including your html code and writing in the text editor tab instead of the visual editor tab.
So I thought I’d help you along by providing the most commonly used HTML codes when it comes to writing a blog post or page. And I’m sure you’ll find that it really isn’t all that difficult.
- Heading tags:
<h2>, <h3>, <h4>example:
- Spacing tags:
<br>, <hr>, <p>,
- Bold text tag:
- Italic text tag:
<i>every day shoes
- Underline text tag:
- Center text tag:
Heading tags are used to separate your content into subtopics of your blog post. Most commonly used heading tags are
<h2>. Yoast has a great article on how to use heading tags on your site. Below are examples of how your heading tags should look.
<h1>H1 Heading Tag</h1>
<h2>H2 Heading Tag</h2>
<h3>H3 Heading Tag</h3>
<h4>H4 Heading Tag</h4>
<h5>H5 Heading Tag</h5>
<h6>H6 Heading Tag</h6>
Spacing html code
Spacing html code is used for creating line breaks between text. Most commonly used by me is
whenever I want to include an extra line space between text or before and after an image I have inserted on the page. Another html code that will do the same thing is
<br> but whenever I’ve had trouble using this code I’ve always been able to rely on
. You could potentially use the paragraph html code
</p> but I find that I used this paragraph tag infrequently when blogging.
There is also
<hr> that is a line break code that actually adds a line separating the text as seen below.
Please note you do not have to put ending tags
</> for the codes
<hr> just the tag itself in between two rows of text.
You’ll find that as you continue blogging you’ll come across words you’ll want to emphasize within your blog post or page. Below is the most common list of text html code to use when you’re blogging.
<strong>The quick brown fox jumps over the lazy dog.
<u>The quick brown fox jumps over the lazy dog.
<i>The quick brown fox jumps over the lazy dog.
<center>The quick brown fox jumps over the lazy dog.
You’ll find that you don’t need to really know how to use HTML links because there is a button for this called link when you’re editing your blog post. If you click on this button it will walk you through how to insert a link of text highlighted within your blog post. But it never hurts to learn more.
- Regular link:
<a href="https://www.elyssamcgregor.com">This is a regular link</a>
<a rel="nofollow" href="https://www.elyssamcgregor.com">Marks link as nofollow</a>
New window link:
<a href="https://www.elyssamcgregor.com" target="blank">Opens link in new window</a>
And for creating lists you will use the button above your content when editing your blog post or page with the tags
<ul> to begin a list and
<li> for an item within the list.
<ul> <li>Running shoes</li> <li>Walking shoes</li> <li>Dance shoes</li> </ul>
That concludes, the most used html codes for blogging or creating pages using WordPress. For additional help you can visit w3schools.com for your html basics. Or WordPress.com support for beggining HTML.