HTML 4

HTML 4 CustomGuide
Customizable Computer Training Courseware
Quick Reference Card 1502 Nicollet Avenue

Minneapolis, MN 55403
Tel. (888) 903-2432
www.customguide.com
The Fundamentals Paragraphs and Divisions

Tag/Attribute Description Syntax
Align Text Aligns paragraphs <P LEFTCENTERRIGHT
Example of HTML JUSTIFIED > </P>
<HTML> Division Defines a division <DIV></DIV>
<HEAD> Headings Displays the specified <H1></H1>…<H6></H6>
<TITLE>Report on hierarchical heading level (1-6)
Snails</TITLE>
Horizontal Rule Draws a line across the screen <HR>
<! -These are comments
that will not appear in HR Rule Alignment A horizontal rule's alignment <HR LEFTCENTERRIGHT >
the web page- > HR Thickness The line thickness of a HR <HR SIZE=n> (in pixels)
</HEAD> HR Width The length of a horizontal rule <HR WIDTH=n> (in pixels or %)
<BODY> Line Break Starts a new line (without any <LB>
<H1>Introduction to additional spacing)
Snails</H1> No Break Prevents line breaks <NOBR></NOBR>
<P>Snails are any of as Paragraph Starts a new paragraph <P>
many as 50,000 marine or Word Break Where to break if needed <WBR>
URLs Lists
• Uniform Resource Locators specify the location of files on the WWW. Compact Compacted list COMPACT
• URLs may include the resource type (http://), server address Definition List List of terms and definitions <DL></DL>
(www.cnet.com), path (/reviews/), and file name (toshiba.html). Definition List Item Item to be defined <DT>
For example: http://www.cnet.com/reviews/toshiba.html. Definition Text Definition for the previous item <DD>
Directory List List of short items <DIR></DIR>
Essential Page Elements List Items A single item on a list <LI>
Tag/Attribute Description Syntax Menu Displays a menu list <MENU></MENU>
Ordered List Numbered list <OL></OL>
Document Type Beginning and ending of file <HTML></HTML>
Numbering Type (for the entire list) <OL TYPE=A | a | I | i | 1>
Title Page title, must be in the header <TITLE></TITLE>
Numbering Type (for this & subsequent items) <LI TYPE=A | a | I | i | 1>
Header Descriptive information, such as <HEAD></HEAD>
page title, content, etc. Starting Number (for the entire list) <OL START=?>
Body The bulk of the web page <BODY></BODY> Starting Number (for this & subsequent items) <LI START=?>
Working with Text Hyperlinks

Tag/Attribute Description Syntax Tag/Attribute Description Syntax
Base Font Size Changes default font size from 1 <BASEFONT SIZE = num> E-mail Where to send e-mail MAILTO:email@domain.com
to 7 (3 is the default setting) Link to Location (In the same document) <A HREF="#link"></A>
Bigger Increase in font size <BIG></BIG> Link to Location (In another document) <A HREF="url#link"></A>
Blinking Makes text blink on and off <BLINK></BLINK> Target Window Where a new document or web <A HREF="url"
Bold Boldfaces text <B></B> page appear, i.e. in the same TARGET="_blank_parent_
Citation Indicates a work cited <CITE></CITE> window or in a new window self_top"></A>
Font Color Font color in hexadecimal FONT COLOR ="#rrggbb"> Forms
number </FONT>
Font Face Font type, such as Arial FONT FACE="face"</FONT> Tag/Attribute Description Syntax
Font Size Font size from 1 to 7 FONT SIZE="n"</FONT> Checked Use with check/radio boxes <INPUT CHECKED>
Font Size (Points) Font size in points <FONT POINT-SIZE=?> Define Form Defines the area of the web <FORM ACTION="url"
</FONT> page used as a form METHOD=GET|POST></FORM>
Font Weight Font weight or boldness <FONT WEIGHT=?></FONT> Field Name The field name (required) <INPUT NAME="name">
Italic Italicizes text <I></I> Field Size Field size in characters <INPUT SIZE="n">
Non-Breaking Non-Breaking Space Character &NBSP; Field Value The field value <INPUT VALUE="value">
Space Input Field Inserts a certain type of input
<INPUT TYPE=
Overstrike Strike through text <S></S> field such as a text box, "TEXT|PASSWORD|
Plain Text Disables tag processing <PLAINTEXT></PLAINTEXT> check box, or button CHECKBOX|RADIO|
FILE|BUTTON|IMAGE|HIDDEN|
Preformatted Text Displays text exactly as is <PRE></PRE>
SUBMIT|RESET">
Quote Quotations <Q></Q>
List Items Items in a list or combo box <SELECT></SELECT>
Regular Emphasis Usually italicizes text <EM></EM>
Max Length Maximum length in characters <INPUT MAXLENGTH=?>
Sample Output For literal characters <SAMP></SAMP>
Option List Creates an option list <OPTION></OPTION>
Smaller Decrease in font size <SMALL></SMALL>
Prompt Message in input field <INPUT PROMPT="text">
Source Code For computer source code <CODE></CODE>
listings Special Characters
Strong Emphasis Usually bolds text <STRONG></STRONG> Character Code Character Code Character Code
Subscript Subscripts text <SUB></SUB> < &
< &
Superscript Superscripts text <SUP></SUP> > "
> "
Typewriter Style Fixed width font <TT></TT>
Underline Underlines text <U></U>
© 2003 CustomGuide, Inc. All rights reserved. Tel. (888) 903-2432 • www.customguide.com
Images Background and Colors
• Colors values in HTML are entered using a hexadecimal code (#rrggbb),
Insert Image The URL of the image to display <IMG SRC="filename">
which uses numbers (0-9) and letters (A-F).
Height The image height in pixels <IMG HEIGHT=n>
Width The image width in pixels <IMG WIDTH=n> Tag/Attribute Description Syntax
Alternative Text Displays alternative text <IMG ALT="text"> Background Image Specify an image to use as the <BODY
Border The image’s border size in pixel <IMG BORDER=n> background for a web page BACKGROUND="image"
Align Aligns the image on the page <IMG Background Color The background’s color <BODY BGCOLOR=#rrggbb
ALIGN="Absbottom|Absmiddle| Text Color The default text color <BODY TEXT="#rrggbb">
Baseline|Bottom|Center|Left| Link Color Color of unvisited links <BODY LINK="#rrggbb">
Middle|Right|Top”>
Visited Links Color of visited links <BODY VLINK="#rrggbb">
Cascading Style Sheets (CSS) Active Link Color of the currently active link <BODY ALINK="#rrggbb">
Watermarked Specifies that the background <BODY
• To Redefine an HTML Tag: Enter the tag and CSS definition, for
Background image scrolls with the web page BGPROPERTIES="FIXED">
example: TAG{PROPERTY1,VALUE1,PROPERTY2,VALUE2…}
• To Create a New Tag: Precede the tag with a period, for example:
.TAG{PROPERTY1,VALUE1,PROPERTY2,VALUE2…}
RGB Hexadecimal Color Chart
• To Attach a Style Sheet: Enter the code between the
<HEAD></HEAD> tabs using the following syntax:
<LINK REL="STYLESHEET"HREF="stylesheet.css">
Tag/Attribute Values Tag/Attribute Values
text-align left, right center color Text color in "#rrggbb
text-decoration none, blink, underline, font-weight normal, lighter, bold,
underline, line-through bolder, 100…900
text-indent 0, number of pixels, % list-style-image URL(#image)
text-transform none, uppercase, list-style-type disc, circle, square,
lowercase, capitalize decimal, lower-alpha,
font-family Table width in pixels or lower-roman, upper
% alpha, upper roman
font-size number of points or % background- URL(#image)
font-style normal, italic, oblique image
Tables
Define Table Indicates that there is a table
<TABLE></TABLE>
Table Alignment Alignment of the table on the
<TABLE
page ALIGN=LEFT|RIGHT|CENTER>
Border The table’s border in pixels
<TABLE BORDER=n>
Border Color The border color <TABLE
BORDERCOLOR="#rrggbb">
Table Width Table width in pixels or % <TABLE WIDTH=n>
Row Items in a table row <TR></TR>
Cell Alignment The alignment of text in a cell <TR ALIGN=LEFT | RIGHT |
CENTER | MIDDLE | BOTTOM>
Cell Color The cell’s background color <TD BGCOLOR="#rrggbb">
Cell Padding Space between cell and text <TABLE CELLPADDING=n>
Cell Spacing Amount of space between cells <TABLE CELLSPACING=n>
Cell Width Desired cell width pixels or % <TD WIDTH =n>
Cell No Linebreaks Specify if text can wrap in a cell <TD NOWRAP>
Columns to Span Number of columns a cell spans <TD ROWSPAN=?>
Rows to Span Number of rows a cell spans <TD COLSPAN=?>
Title The table’s caption or title <CAPTION></CAPTION>
Example of a Table in HTML
<TABLE WIDTH="85%" BORDER="1" ALIGN="CENTER">
<TR>
<TH>Product</TH>
<TH>Price</TH>
</TR>
<TR>
<TD>Gadgets</TD>
<TD>$5.00</TD>
</TR>
<TR>
<TD>Gizmos</TD>
<TD>$18.00</TD>
</TR>
</TABLE>
© 2003 CustomGuide, Inc. All rights reserved. Tel. (888) 903-2432 • www.customguide.com

HTML 4

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML 4

Uploaded by

Copyright:

Available Formats

HTML 4 CustomGuide

Customizable Computer Training Courseware

Quick Reference Card 1502 Nicollet Avenue

The Fundamentals Paragraphs and Divisions

Working with Text Hyperlinks

You might also like