The Line Tag

Ever wondered how you got a line on a page? Well this is how.

Just simply write <hr> and this is what it looks like:

---

To create the above line was really easy, wasn't it?

You can also change the height and width and color of it by typing this:

<hr width="50%" size=10 color="blue">

Or this:

<hr width="10%" size=4 color="red">

There are many choices from which you can choose the type, size and color of lines that you can produce in HTML. Experiment and see how you go.

---

Adding Images

This is the code to get an image on your page:

<img src="pic.gif">

You can also change the width and height of the image. Also you can get a message in a little box when you put your mouse over the image:

<img src="pic.gif" width="100" height="100" align="center" alt="hello">

Place the pointer of your mouse on this image to see what the message looks like:

---

The Paragraph Tag

The paragraph tag looks like this: <p>.

You can also align your paragraph by typing this: <p align="center">, <p align="right"> or <p align="left">

And remember to end the paragraph with: </p>

Here is an example of a paragraph in HTML code:

<p>Mr Man went for a walk.</p> <p>Then he went home.</p>

And this is what it looks like on the Webpage:

Mr Man went for a walk.

Then he went home.

---

Assignment #2

Today's assignment will require you to add something to the page you created in the last tutorial. Underneath the <h1> make a paragraph that is aligned right and put within it a purple colored line that has a width of 60%. Then underneath the hr line, add your own image!

Click Here for the answer.