html cheat sheet

</BODY>
< /HTML>

Comments

< !-- and --> use these commands and your comments will not show up on the page.

Basic Tags

Paragraph (you don't need a closing tag)
<p>

Blank Row (you don't need a closing tag)
<br / >

Horizontal Rule (you don't need a closing tag)
<HR / >

To change the thickness and width of the <HR>
<HR SIZE="12" WIDTH="50%">

To change the color of the <HR>
<HR COLOR="#0000FF">

To add NO SHADE to your <HR>
<HR NOSHADE>

Change the Font

<FONT FACE="arial, times new roman">arial font</FONT>

<FONT FACE="algerian, arial">algerian font</FONT>

**Note - it is a good idea to list more than one font name in the FACE attribute, in case the first font is not available on the viewer's computer.

Font Color

<FONT COLOR="red">Your colored text</FONT>

You can use the hexadecimal code <FONT COLOR="#00cc66">Your colored text</FONT

To see more colors try Visibone.

Background Color - This color should always complement your text color.

Background Wallpaper
<BODY BACKGROUND="image.gif">

To see more colors try Visibone.

Font Sizes

Tthere are 12 font size commands available to use. +6 through +1 and -1 through -6. +6 is the largest.

Size Attribute	Font Size
Font Size 1	8 points
Font Size 2	10 points
Font Size 3	12 points
Font Size 4	14 points
Font Size 5	18 points
Font Size 6	24 points
Font Size 7	36 points

or you can use headings.

Headings

<H1>This is Heading 1</H1>
< H2>This is Heading 2</H2>
< H3>This is Heading 3</H3>
< H4>This is Heading 4</H4>
< H5>This is Heading 5</H5>
< H6>This is Heading 6</H6>

Also,

Text Alignment

Center
<center> use this if you want text centered on the page </center>

Rigt Aligned
< P ALIGN="right">Text in here is pushed to the right margin</P>

Margins

Within the <body> tag

Physical Tags

Bold
<B> </B>

Italics
<i> </i>

underline
<u> </u>

Images

Inserting an Image

IMG stands for "image." SRC stands for "source." Remember, you must have your images and your pages all in one folder.

Aligning your images
<IMG ALIGN="right" SRC="image.gif">

Aligning text with images

<IMG ALIGN="top" SRC="cleary.gif"> text text text
< IMG ALIGN="middle" SRC="cleary.gif"> text text text

<IMG ALIGN="bottom" SRC="cleary.gif"> text text text

Spaces

Creating a space type this in the code &nbsp
That thing is an ampersand command that creates a space as if you pushed the space bar.

To indent the Paragraph, type
& nbsp;   &nbsp

The UL stands for Unordered List. It means bullets will be used rather than numbers.
LI stands for List Item. The /UL ends the entire list.

The OL stands for Ordered List. It means numbers will be used rather than bullets.
LI stands for List Item. The /OL ends the entire list.

Hyperlink to another web page
<A HREF="http://www.clare.k12.mi.us">Clare Public Schools</A>

A stands for Anchor. It begins the link to another page. The HREF stands for Hypertext REFerence. http://www.clare.k12.mi.us is the FULL ADDRESS of the link. Where it reads "Clare Public School" is where you write the text you want to appear on the page. /A ends the entire link command.

Link to a page within the same website.
<A HREF="sunshine.html">Sunshine page</A>

Change link colors
Click inside the body tags and type LINK=#ff00ff " >(type an empty space after the ")
ALINK="FF00FF" > This is for an active link
VLINK="FF00FF" > This is for a previously selected link.