R
OBERT'S
H
TML
G
UIDE
Before you begin
What are HTML tags?
What are browsers?
What software do I need?
Are there characters I should not use?
(Entities)
What are pixels?
What Are Hexadecimal Colors?
Color Chart
Getting Started
: <HTML> <HEAD> <TITLE> <BODY>
The <BODY> Tag
:
Backgrounds and Text Color
Text Layout
Line breaks
:
<BR>
Paragraphs
:
<P>
Justifying text
:
<P ALIGN=X>
Indenting blocks of text
:
<BLOCKQUOTE>
Centering text
:
<CENTER>
Horizontal rules
:
<HR>
Preformatted text
:
<PRE>
Text Appearance
Physical styles
:
Bold
<B>
Italics
<I>
Underline
<U>
Superscript
<SUP>
Subscript
<SUB>
Typewriter text
<TT>
Strikeout
<S>
Logical styles
:
Strong
<STRONG>
Emphasis
<EM>
Program code
<CODE>
Keyboard
<KBD>
Small
<SMALL>
Big
<BIG>
Headers
:
<H1> - <H6>
<FONT>
Size
Color
Face
Blink
Entities
: é ñ ö © ½ £ & < > "
Graphics
Graphics formats
:
GIF and JPG
Interlaced GIFs / progressive JPGs
Animated GIFs
Transparent backgrounds
Adding graphics
:
<IMG>
Width and height
Alternate text
Align
:
bottom, middle, top, left, right
Horizontal space and vertical space
Borders
Centering
:
<CENTER>
Linking from graphics
Image maps
:
<MAP>
Creating Links
:
The Anchor Tag <A>
Linking to other sites
:
absolute links
Linking within your site
:
relative links
Linking to the middle of a page
Linking from graphics
Image maps
:
<MAP>
Lists
Unordered lists
:
<UL>
Ordered lists
:
<OL>
Definition lists
:
<DL>
Tables
Browser problems
Table commands
Cellpadding
Cellspacing
Border
Width and height
Position
Color
Datacell and row commands
Text alignment
Table headers
Width and height
Colspan and rowspan
Colors
Drawing Pictures
Tips and Tricks
Indenting and positioning
:
<SPACER>
One pixel GIF
Hidden underline
Non-breaking space
Generic webpage design
Notes
Buttons
Tables
Forms
Other Websites
Tag Index
<!>
<A>
ALIGN
graphics
ALIGN
datacells
ALIGN
tables
ALIGN
paragraphs
ALIGN
horizontal rules
ALINK
ALT
&
AREA
<B>
BACKGROUND
BGCOLOR
body
BGCOLOR
tables
BGCOLOR
datacells
<BIG>
<BLINK>
<BLOCKQUOTE>
<BODY>
BORDER
tables
BORDER
graphics
<BR>
CELLPADDING
CELLSPACING
<CENTER>
<CODE>
COLOR
COLSPAN
COORDS
<DD>
<DL>
<DT>
<EM>
FACE
<FONT>
<FORM>
GIF
>
<H1> - <H6>
<HEAD>
HEIGHT
graphics
HEIGHT
tables
HEIGHT
datacells
<HR>
HREF
HSPACE
graphics
HSPACE
tables
<HTML>
HTTP
<I>
<IMG>
JPG
<KBD>
<LI>
unordered
<LI>
ordered
LINK
<
MAP
NAME
anchors
NAME
imagemaps
<OL>
<P>
<PRE>
"
ROWSPAN
RRGGBB
<S>
SHAPE
SIZE
fonts
SIZE
horizontal rules
<SMALL>
<SPACER>
SRC
START
<STRONG>
<SUB>
<SUP>
<TABLE>
<TD>
TEXT
<TH>
<TITLE>
<TR>
<TT>
TYPE
unordered
TYPE
ordered
<U>
<UL>
USEMAP
VALIGN
VLINK
VSPACE
graphics
VSPACE
tables
WIDTH
graphics
WIDTH
tables
WIDTH
datacells
WIDTH
<HR>
HTML by Robert Delaney
rdelaney@aurora.liunet.edu