Lesson 3

In this lesson, we are going to build on the codes you learned in Lesson 2.

In lesson 2, you learned three different HTML tags:

<b>, which makes your text bold

&ltcenter>, which centers your text

and

<p>, which helps break your text up into paragraphs.

Always remember to turn off your <b> and <center> tags with the </b> or </center> tags respectively. 


Here are a couple new tags:

<i> makes your text italic. Turn it off with the </i> code.

Also, the <hr> tag gives you a line like this: 


Like the paragraph <p> tag, you do not have to turn off the <hr>. Just stick it into your text file wherever you would like a line to show up in your Web page.

Here are some headline tags:

<h1> is the biggest headline.

It looks like this!

Remember to turn it off with the </h1> tag.

<h2> is the second biggest headline.

It looks like this!

Remember to turn it off with the </h2> tag.
<h3> is the third biggest headline.

It looks like this!

Remember to turn it off with the </h3> tag.

<h4> is the fourth biggest headline.

It looks like this!

Remember to turn it off with the </h4> tag.

<h5> is the fifth biggest headline.

It looks like this!
Remember to turn it off with the </h5> tag.

and <h6> is the sixth biggest headline.

It looks like this!
Remember to turn it off with the </h6> tag. 

One last tip...

You can put more than one tag on the same set of words. For example, if you wanted something to be bold and centered, you could put two tags like this:

<b><center> Welcome to my Web page! </center> </b>

It would come out looking like this:

Welcome to my Web page!

Notice how the tags are "sandwiched"--the "center" tags are closest to the words, while the "bold" tags are on the outside? Try to keep your tags in this order. If you wrote your HTML code like this:

<b><center> Welcome to my Web page! </b> </center>

It may or may not work. It's better to be safe!

Try practicing with each of these different tags. Remember to type everything exactly right -- HTML is very picky, and if you are missing a bracket or have typed it a little bit wrong, it won't work.

Remember to always save your myweb.htm text file each time you make some changes and then view it using your browser.

Good job! You have finished Lesson 3. In the next lesson, we will learn to do some cool stuff with graphics and colors.

Go to lesson 4