Work from February 13th

Using HTML to “Decorate” your page

Font
<font face="font name">...</font>

http://www.theinternetdigest.net/archive/websafefonts.html (link to info on web safe fonts)

<font face="times new roman">This text will be displayed using Times New Roman. </font>

<font face="arial">Here is some text using Arial font face... </font>

<font face="arial,helvetica,sans-serif">Your computer will attempt to display this visible text using first the Arial font and then, if this is not available, using Helvetica. If neither Arial nor Helvetica is available then the computer will resort to the final choice, sans-serif.</font>

Font Size
<font size="font size">...</font>

...into your <font> tag where font size equals any number from 1 to 7 (3 is the normal size)

<font size="4">Your visible text goes here and will look like this.</font>

Alternately you can use <font size= “+1”> This will bump up text from the default size 3 to size 4


Font Color
<font color="font color">...</font>

<font color="#008000">Your green text goes here.</font>


Inserting an image

It’s considered good html manners to include alt text and the image dimensions in pixels
<img src="images/mycoolpic.gif" alt="description" width="pixels" height="pixels"/>

<img src="images/mycoolpic.gif" alt="My Cool Picture" width="150" height="100"/>


Float the Image within the text while aligning the picture left or right

<img src="images/mycoolpic.gif" align="position" hspace="pixels" vspace="pixels"/>

<p>...some text... <img src="images/mycoolpic.gif" align="left" hspace="20" vspace="30"/> ...some more text...</p>

This will add a border to your picture <img src="images/mycoolpic.gig" border="5"></a>

Horizontal Line
<hr
size="pixels" width="pixels or percentage" align="left, center or right" color="color definition" noshade/>


<hr width="50%" align="left">
<hr size="5" color="purple">

Best way to align text put this info with the <p> tag

<p style="text-align: center;"> <p style=”text-align: justify;”> All text will All text in here will be centered justify</p </p>

<p style="text-align: right;">All text in here will be right aligned.</p>
No need for align:left at that is the default



http://www.ironspider.ca/index.htm