Maddog's HTML Primer for Real People</FONT>Chapter 4-7 Tag Summary

Chapter 5-7 Tag Summary

Chapter 5-7 :- Tag Summary

In chapters 5-7, we introduced the following tags:

Color in Backgrounds / Fonts / Links

[Note: all body attributes go in opening body tag; one body tag per HTML file.]

<BODY BGCOLOR="#RGB-code"> - body attribute for background color
<BODY LINK="#RGB-code"> - body attribute for color of unvisited link
<BODY VLINK="#RGB-code"> - body attribute for color of Visited link
<BODY ALINK="#RGB-code"> - body attribute for color of link during clicking
<FONT COLOR="#RGB-code"> - attribute for font color
[Note: Colors may alternately be specified by color names, as follows:]
<FONT COLOR="color-name"> - attribute for font color

Standard 16-Color Pallette: RGB Color Codes/ Names

black = #000000        white = #FFFFFF 
silver = #C0C0C0       gray = #808080
red = #FF0000          maroon = #800000
fuchsia = #FF00FF      purple = #800080
blue = #0000FF         navy = #000080
aqua = #00FFFF         teal = #008080
lime = #00FF00         green = #008000
yellow = #FFFF00       olive = #808000

Image Tags

[Note: all body attributes go in opening body tag; one body tag per HTML file.]

<BODY BACKGROUND="image-filename"> - body attribute for background image; '.gif' or '.jpg' image format
<IMG SRC="image-filename"> - simple inline image; '.gif' or '.jpg' image format
<IMG SRC="image-filename" ALT="your-text"> - alternate text for images on text-only browsers
<IMG SRC="image-filename" ALIGN="BOTTOM"> - simple inline image; bottom of text aligned to bottom of image
<IMG SRC="image-filename" ALIGN="MIDDLE"> - simple inline image; bottom of text aligned to middle of image
<IMG SRC="image-filename" ALIGN="TOP"> - simple inline image; top of text aligned to top of image
<IMG SRC="image-filename" ALIGN="RIGHT"> - simple inline image, aligned to screen right, with text wrapping around image
<IMG SRC="image-filename" ALIGN="LEFT"> - simple inline image, aligned to screen left, with text wrapping around image
<IMG SRC="image-filename" WIDTH=num-wide HEIGHT=num-high> - simple inline image, with size specified (W x H in pixels)
<IMG SRC="image-filename" BORDER=num-wide> - simple inline image, with border specified in pixels (=0 for no border))
<A HREF="image-filename">link-description</A> - text link to off-page image
[Remember: you can use multiple attributes inside the same 'IMG' tag by separating them with a space]

Creating Clickable Images

<A HREF="reference-filename/URL"><IMG SRC="image-filename"></A> - simplest clickable-image link
<A HREF="reference-filename/URL"><IMG SRC="image-filename" ALT="alternate-text"></A> - simplest clickable-image link with alternate text
<A HREF="reference-filename/URL"><IMG SRC="image-filename">caption-text</A> - clickable-image link with clickable caption
<A HREF="reference-filename/URL"><IMG SRC="image-filename" BORDER=number-pixels></A> - specifying the border thickness for a clickable image link
<A HREF="off-page-image-filename/URL"><IMG SRC="thumbnail-filename"></A> - clickable-image link to off page image using thumbnail image (with default border)
<A HREF="off-page-image-filename/URL"><IMG SRC="thumbnail-filename" BORDER=0></A> - clickable-image link to off page image using thumbnail image (with NO border)

Overseer: Monty Northrup ... ... leave e-mail ...