Appendix B - Quick Reference

At A Glance:
-Intro to the Internet
-The Hypertext Markup Language
-Designing a Web Page
-Lists and Links
-Adding Graphics
-Multimedia on the Web
-Tables for Data and Design
-Frames
-Forms and Scripting
-Creating Good HTML

Appendix B: HTML Quick Guide



Comments. Any text between the tags will not be displayed in the browser.

Ex: 

<A>…</A>

This is used to create hyperlinks and named references. Stands for anchor.
Ex: <A href="http://www.globalnets.com">Global Internet & Network Services</A>
Attributes: HREF, NAME, TARGET

<APPLET>…</APPLET>

A more advanced mechanism, this tag allows for the embedding of JAVA applets.
Attributes: CODE, CODEBASE

<B>…</B>

Used to render text bold.
Ex: <B>Check this out!</B>

<BASEFONT>

Sets the base font value for a document.
Attributes: SIZE

<BGSOUND>

Allows for the use of playing background sounds in a document. Attributes: LOOP, SRC

<BLOCKQUOTE>…</BLOCKQUOTE>

Displays the enclosed text as a block quotation set apart from other text.
Ex: <BLOCKQUOTE>I think therefore I am.</BLOCKQUOTE>

<BODY>…</BODY>

A main part of every HTML file. Encloses the body of the document.
Attributes: ALINK, BACKGROUND, BGCOLOR, LINK, TEXT, VLINK

<BR>

Inserts a line break.
Attributes: CLEAR

<CAPTION>…</CAPTION>

Places a header or title above or below a table.
Attributes: ALIGN

<CENTER>…</CENTER>

Centers text and images.

<CITE>…</CITE>

Makes text italicized.

<CODE>…</CODE>

Often displays text in a monospace format.

<DD>

Used in a definition list to display an indented definition, usually below a definition term.

<DL>…</DL>

Use this list type to display terms and indented definitions. Uses the <DD> and <DT> tags.

<DT>

Used to display a definition term in a list. It is aligned to the left, usually with an indented definition description below it.

<EM>…</EM>

Typically displays text in italics, but it could display in bold and italics.

<EMBED>

Allows the author to insert sound and/or video into a Web page.
Attributes: AUTOSTART, HIDDEN, LOOP, SRC

<FONT>…</FONT>

Allows for more controlled formatting of the font style, size, and color.
Attributes: COLOR, FACE, SIZE

<FORM>..</FORM>

Denotes a form with which users can input data.
Attributes: ACTION, METHOD

<FRAME>

Used to create windows or frames within the browser and thereby split the page into various parts for navigational or style purposes.
Attributes: BORDER, BORDERCOLOR, NAME, NORESIZE, SCROLLING, SRC

<FRAMESET>…</FRAMESET>

Defines the layout for the frames on a page.
Attributes: BORDER, BORDERCOLOR, COLS, FRAMEBORDER, FRAMESPACING, ROWS

<H#>…</H#>

Text formatting utility that renders text in a heading style that is usually larger than the body text. The # can take on values of 1 to 6.
Attributes: ALIGN

<HEAD>…</HEAD>

Used to denote the document heading in which the TITLE tag is used along with possible other tags.

<HR>

Draws a horizontal rule to separate sections.
Attributes: ALIGN, SIZE, WIDTH

<HTML>…</HTML>

Signifies that the file is an HTML document.

<I>…</I>

Renders text in an italic style.
Ex: <I>The Narrative of Arthur Gordon Pym</I>

<IMG>

Used to insert a graphics file into a document.
Ex: <IMG SRC="picture.gif">
Attributes: ALIGN, ALT, BORDER, HEIGHT, HSPACE, SRC, VSPACE, WIDTH

<INPUT>

Displays some type of form input element used to gather information from the user. Types include CHECKBOX, HIDDEN, PASSWORD, RADIO, RESET, SUBMIT, and TEXT.
Attributes: ALIGN, CHECKED, MAXLENGTH, NAME, SIZE, TYPE, VALUE

<KBD>…</KBD>

Typically renders text in a bold, fixed-width font.

<LI>

Denotes an item in a list.

<NOEMBED>…</NOEMBED>

Used in conjunction with the <EMBED> tag. In browser that do not support <EMBED>, the information between this tag will be displayed.

<NOFRAMES>…</NOFRAMES>

Indicates content viewable only by browsers that do not support frames.

<OPTION>

Used to signify a choice in a list box on a form.
Attributes: SELECTED, VALUE

<P>

Inserts a paragraph break. It has an ending tag that is optional.

<PARAM>

Used with JAVA applets to set program properties.
Attributes: NAME, VALUE

<PRE>…</PRE>

Text contained between the tag is displayed exactly as it is typed, complete with line breaks and spacing.

<S>…</S>

Displays text with a line through it.
Ex: <S>Strike through this text</S> displays as ~~Strike through this text~~

<SAMP>…</SAMP>

Typically tells the browser to display text in a smaller font.

<SCRIPT>…</SCRIPT>

Used to enclose the programming elements of a scripting language like Javascript.
Attributes: LANGUAGE

<SELECT>…</SELECT>

Denotes a list box or drop down list in a form.
Attributes: NAME, SIZE, MULTIPLE

<STRONG>…</STRONG>

Displays text in a bold format.

<SUB>…</SUB>

Renders text in subscript.

<SUP>…</SUP>

Renders text in superscript.

<TABLE>…</TABLE>

Creates a table to separate data on the screen much like a table in a spreadsheet. Used with TD and TR to define rows and data.
Attributes: BORDER, CELLPADDING, CELLSPACING, WIDTH

<TD>…</TD>

Creates a cell in a table.
Attributes: ALIGN, BGCOLOR, COLSPAN, ROWSPAN, VALIGN, WIDTH

<TEXTAREA>…</TEXTAREA>

Creates a box on a form for users to enter and edit text.

<TH>…</TH>

Creates a row or column heading in a table.
Attributes: BGCOLOR, COLSPAN, ROWSPAN, WIDTH

<TITLE>…</TITLE>

Specifies the HTML document's title. It appears in the browser's title bar.

<TR>…</TR>

Creates a row in a table.
Attributes: ALIGN, BGCOLOR, COLSPAN, ROWSPAN, VALIGN, WIDTH

<TT>…</TT>

Renders text in a typewriter, or teletype, format.

<U>…</U>

Renders text underlined.
Ex: <U>This is very important</U>

<UL>…</UL>

Formats lines of text as a bulleted list. Used with the LI tag to create list items.
Attributes: TYPE

Previous Next