HTML MADE EASY	Html Made Easy now a book. For more info Click here
Free Graphics \| Graphics Optimizer \| Resources \| Freeware
JPEGCruncher Desktop \| T-Shirts

Lesson 4: Making Lines

A Line Across The Page
Let me introduce you to another single tag (Remember? Single tags don't need end tags): <HR>

It means "horizontal reference" and this is what it does:

See the line? Too long? How about this?:

Little bigger? Okay:

So how is it done? By using the WIDTH attribute in the <HR> tag like this:

<HR WIDTH="50%">

Increase or decrease the percentage to get the length you want. Having no attribute in the <HR> tag will make the line go right across the page.

I know what you're thinking, did I really have to give the <HR> tag a lesson all by itself? No, but now that I have all this room lets see how our html document is shaping up using the tags you learned so far:

<HTML>

<BODY>

<CENTER> <H1> Learning Html </H1> </CENTER>
<H2> <U> Step One</U> </H2>

<FONT SIZE="5" FACE="arial"> The<I> key</I> in learning to make web pages is <B> practice. </B> <BR> I know you can do it.<P>So give it a try.</FONT>

<P ALIGN="right" > <FONT SIZE="7" COLOR="red" FACE="arial"> Practice</FONT> </P> <HR>

</BODY>
</HTML>

This is how the web page would look:

Learning Html

Step One

The key in learning to make web pages is practice
I know you can do it.

So give it a try.

Practice

Look it over, do you understand what's going on? You do? Good, because now you know how to make a basic web page. All that's missing are graphics so let's go to lesson 5.

Graphics | Graphics Optimizer | Resources | Freeware

HTML MADE EASY

Lesson 4: Making Lines

Learning Html

Step One