

Ok, I think you're getting the hang of this, let's go a little quicker.

horizontal rule (eg-- a horizontal line)   <hr>

underline text   			    <u>

bold text                                   <b>

italicize text				     <i>

change text size			 <font size=3>

like so:


<html>

<body  bgcolor=lightsteelblue  text=red>

<br>
<br>
<br>
<br>
<br>
<center><b>html is easy.</b></center><br>

<center><u>this is a second line.</u></center>

<br>
<center><font color=yellow size=4><i>this is yellow text</i></font></center>

<hr>

</body>
</html> 



Still with me???

good. I wasn't stopping anyway.


add a heading            <h1>...<h2>.....<h6>

---headings h1 through h6 make the text appear larger or smaller (h1 is biggest, h6 is smallest

--but you knew that, right?)  and they also automatically bold the text.


try one:



<html>

<body  bgcolor=lightsteelblue  text=red>

<br>
<br>
<br>
<br>
<br>

<h1>

<center><b>html is easy.</b></center><br>

</h1>

<center><u>this is a second line.</u></center>

<br>
<center><font color=yellow size=4><i>this is yellow text</i></font></center>

<hr>

</body>
</html> 


Good.  But our page is getting  a little cluttered with stuff we don't need.  Let's clean it out

and do some new stuff. Dont worry--if you ever need to reference a tag, use the htmlTagList.doc

as a reference guide.


Clean it out like so:


<html>

<body  bgcolor=lightsteelblue  text=red>

<center><font color=yellow size=4><i>this is yellow text</i></font></center>

<hr>

</body>
</html> 

Let's say we don't want the text centered, but rather aligned to the right.

use the paragraph tag:


<html>

<body  bgcolor=lightsteelblue  text=red>

<p align=right><font color=yellow size=4><i>this is yellow text</i></font></p>

<hr>

</body>
</html> 

The last thing I will discuss for now, is the list tags.

First, decide what kind of list you want:  an ordered list -- 1.   2.  3.  or  A.  B.  C.

or I  II   III   IV   etc.


OR an unordered list -- ( a bulleted list)


<ul> is an unordered list and <ol> is an ordered list.

let's assume that we are doing an online resume.  We'll use a <ul>


you need to add a <li> tag for each list item

like so:



<html>

<body  bgcolor=lightsteelblue  text=red>

<p align=right><font color=yellow size=4><i>this is yellow text</i></font></p>

<hr>

<ul>

<li>first item </li>

<li>second item</li>

</ul>


</body>
</html> 


If you want to use an <ol> but dont want numbers as default--instead you want roman numerals

use the type property  >>>>>   <ol type=I>

for capital letters:  type=A  

if you screw up it will default to numbers. Use the htmlTagList.doc  as a reference.

ALRIGHT, you now know enough to write your own resume, or a profile page of sorts.

2 files in this package include an example of my resume, and a simplified version.


This was an actual project I had to do from school--it's on my wesite: 

http://www.angelfire.com/ma3/bmcwebdesign2/school_site/resume.html


You won't recognize lots of the stuff on that page, so I simplified it (simplifiedResume.html)

This should give you some ideas.  Try to imitate it and come up with something.  Just in case

you forgot, to view the source code, either open it as a notepad file, or choose view, 

then source, from the Internet Explorer browser.

In the next few lessons I'll talk about tables, images, image maps, and forms.





























