Onto part 2 of this mini series.  In part 1 I covered the html behind images and hyperlinks.  This part 2 will cover just a few of the basic word formatting options that you’re probably used to seeing in software such as microsoft word.

wordpress html

Bold

Code1:

<b>backpacks and bunkbeds</b>

Result1:  backpacks and bunkbeds

 

Code2:

<strong>backpacks and bunkbeds</strong>

Result2:  backpacks and bunkbeds

 

——————————————————————————————————-

Italic

Code:

<i>backpacks and bunkbeds</i>

Result:  backpacks and bunkbeds

——————————————————————————————————-

Small

Code:

<small>backpacks and bunkbeds</small>

Result: backpacks and bunkbeds

——————————————————————————————————-

Underline

Code:

<u>backpacks and bunkbeds</u>

Result:  backpacks and bunkbeds

——————————————————————————————————-

Headers

There are 5 or 6 different size header tags that should be contained within your wordpress theme.  The font size of each will be determined in your style.css file.  H1 is nearly always the biggest.

Code1:

<h1> backpacks and bunkbeds</h1>

Result1:

backpacks and bunkbeds

 

Code2:

<h2> backpacks and bunkbeds</h2>

Result2:

backpacks and bunkbeds

 

Code3:

<h3> backpacks and bunkbeds</h3>

Result3:

backpacks and bunkbeds

 

Code4:

<h4> backpacks and bunkbeds</h4>

Result4:

backpacks and bunkbeds

 

Code5:

<h5> backpacks and bunkbeds</h5>

Result5:

backpacks and bunkbeds

 

——————————————————————————————————-

Combining tags

Its obviously possible to make a word(s) both italic and bold through coding, but the key is that whichever tag you open with, must also be the tag you close with.  First and last, remember that.

 

Correct code1:  <b><i>backpacks and bunkbeds.co.uk</i></b>

Incorrect code1:  <b><i>backpacks and bunkbeds.co.uk</b></i>

 

Correct code2:  <b><i><u>backpacks and bunkbeds.co.uk</u></i></b>

Incorrect code2:  <b><i><u>backpacks and bunkbeds.co.uk</b></i></u>

——————————————————————————————————-

In part 3 i’ll look at how html tables and lists are structured.  Both tables and list can be copied from word docs straight into wordpress, but just in case you wish to understand the html behind them, i’ll be breaking them down.