So, you want to make a Web Page! INDEX & Quick Reference |

Text related items

Make text bold `<B>xxxxx</B>`

Make italics `<I>xxxxx</I>`

Underlining `<U>xxxxx</U>`

`Monospaced font` `<TT>xxxxx</TT>`

Change font size (sizes:1-7) `<FONT SIZE=5>xxxxx</FONT>`

Change the font name (face) `<FONT FACE="arial">xxxxx</FONT>`

Change the font color `<FONT COLOR="#0000FF">xxxxx</FONT>`

The ro l l e r c o a s t e r!

The Handy Dandy Font Viewer

Background colors `<BODY BGCOLOR="#xxxxxx">`

Change text, link, etc color for whole page `<BODY BGCOLOR="#xxxxxx" TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx">`

Line breaks `<BR>`

New Paragraph `<P>`

Space code (special character for a space) `&nbsp;`

Six common special characters

A whole bucketful of special characters

Multiple blank lines `&nbsp;<BR>`

Tags in combination- Overlapping vs Nested tags

More about Overlapping vs Nested tags

Images

Background images `<BODY BACKGROUND="xxxxx.gif">` (or `.jpg`)

Save an image off of a page

Inserting images `<IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456>`

Image sources (`SRC`) explained in detail

Making an image a link `<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>`

The `ALT` attribute `<IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 ALT="Big Pic">`

Get rid of the blue border around an image link `<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>`

About image sizes

Using thumbnails

Make lines out of a 1x1 dot

The incredible GIF Optimizer!

About Netscape's 216 c o l o r s

Netscape's 216 color chart (image)

Netscape's 216 color chart (page)

1536 color chart (page)

Links

Add a link `<A HREF="http://xxxxx">abcdefg</A>`

Add an email link `<A HREF="mailto:xxxxx@xxx.xxx"> abcdefg</A>`

Making an image a link `<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>`

Get rid of the blue border around an image link`<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>`

Using thumbnail images

Link to a particular section of a page `<A HREF="http://xxxxx#cheesewiz">About Cheese Wiz</A>`

Formatting tools

Centering stuff `<CENTER>xxxxx</CENTER>`

Line breaks `<BR>`

New Paragraph `<P>`

Pull in your margins with `<BLOCKQUOTE>`

Ordered and Unordered lists
`<UL> (or OL)
<LI>List item
</UL>
`

Definition list
`<DL>
<DT>Definition title
<DD>Definition item
</DL>
`

Horizontal Rule `<HR ALIGN=left|right|center WIDTH=80% SIZE=3 NOSHADE>`

The `<PRE>`formatting tag

Miscellaneous

Skeleton HTML document- minimum tags required
`<HTML>
<HEAD>
<TITLE>My big ole bad page!</TITLE>
</HEAD>
<BODY>
Hello Joe!
</BODY>
</HTML>`

Background colors `<BODY BGCOLOR="#xxxxxx">`

Document Title `<TITLE>My Big ole bad page!</TITLE>`

Background images `BACKGROUND="xxxxx.gif"` (or `.jpg`)

Tags in combination- Overlapping vs Nested tags

More about Overlapping vs Nested tags

About Netscape's 216 c o l o r s

Netscape's 216 color chart

Space code (special character for a space) `&nbsp;`

Six main special characters

A whole bucketful of special characters

Centering stuff `<CENTER>xxxxx</CENTER>`

Multiple blank lines `&nbsp;<BR>`

Absolute vs Relative URLs

About screen resolution

Comment tag `<!--This is a comment-->`

Save document as an HTML file

Save an image off of a page

About files & file extensions

General Table of Contents | Lessons Intro - 1 - 2 - 3 - 4 - 5 - 6 | Index and Quick Reference | Barebones HTML Guide
PROFESSIONAL WEB DESIGN