The very basics of HTML
Lesson 2 - Text and Effects

HEADINGS
The text in our previous example was pretty plain, lets face it. All it said was 'This is where the action happens' in unformatted text. In this lesson, I will show you how to spice it up a bit!. We will turn the text 'This is where the action happens' into a heading to start with. For the heading tags, you have 6 sizes; <h1> being the largest <h6> being the smallest so you can use them as headings and sub headings. This is how they look (actual size):

<h1>This is where the action happens</h1>

<h2>This is where the action happens</h2>

<h3>This is where the action happens</h3>

<h4>This is where the action happens</h4>

<h5>This is where the action happens</h5>
<h6>This is where the action happens</h6>

So, now, if you open up your HTML document, and put one of the above sets of tags round the the unformatted text 'This is where the action happens', then save it.

A picture of the html document after the heading tags have been added

Now when you double click on the HTML doument, you will see the text 'This is where the action happens' in larger letters!

PARAGRAPHS
Now we have the heading sorted out, we need to insert some text, as you would do in a written document. HTML is no different from this and has its own paragraph tags <p> and </p> which go at the start and end of the paragraph respectively. After the heading and before the </body> (end of body area tag), put a <p>, type some text and then finish off with </p>. Save the document again and double click on it to open it; you will now see your heading and your paragraph text happy cup emoticon

EMPHESIZING
The first tags I will deal with are for underlined, bold and italic text. So if you type, or copy and paste the folling lines into your HTML document after your paragraph :

<u>This is UNDERLINED text</u><br />
<b>This is BOLD text</b><br />
<i>This is ITALIC text</i><br />

The tags surround the text that will be underlined/bold/italicised and if you so wished, could just place them round one word or letter or use several of the tags together e.g. to underline and make bold a subheading in some text. When using more than one set of tags, you have to make sure that each set is 'nested' within the other eg. <u><b>Nested tags</b></u> You will also notice that I have put a <br /> after each line. This just provides a line break and is a very useful tag to use to split up text in or outside of the paragraph tag.