Developer Forums | About Us | Site Map


Useful Lists

Web Host
site hosted by netplex

Online Manuals

The Basics of HTML
By Ben Sinclair - 2003-01-04 Page:  1 2 3 4 5 6 7 8 9

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.

View The Basics of HTML Discussion

Page:  1 2 3 4 5 6 7 8 9 Next Page: The Break Tag

Copyright 2004-2019 All rights reserved.
Article copyright and all rights retained by the author.