Beginner's Quick Reference Guide to HTML

Title and Headers

<title> . . . </title>

Document title

<h1> . . . </h1>

Most prominent header

<h6> . . . </h6>

Least prominent header

Formatting

<pre> . . . </pre>

Preformatted text that may include embedded tags and hyperlinks

<listing> . . . </listing>

Preformatted text (e.g. for computer listings) for which embedded tags are ignored

<blockquote> . . . </blockquote>

Indented block of text used for quotations

<br>

Line break

<p>

End of paragraph

Hyperlinks or Anchors

<a name="location_name"> . . . </a>

Define a specific location in a document file

<a href="#location_name"> . . . </a>

Link to a specific location in the same file

<a href="URL"> . . . </a>

Link to another file

<a href="URL#location_name"> . . . </a>

Link to a specific location in another file

    resource_type://host.domain:port/pathname 

Type Fonts

<b> . . . </b>

Bold font

<i> . . . </i>

Italics

<tt> . . . </tt>

Typewriter font

Descriptive list

<dl>

<dt> First item to be described

<dd> Description of first item

<dt> Next item to be described

<dd> Next description

</dl>

Unordered list

<ul>

<li> First item in the list

<li> Next item in the list

</ul>

Ordered list

<ol>

<li> First item in the list

<li> Second item in the list

</ol>

Inlined Images

<img src="URL">

Include a graphic image (GIF or XBM format)

Optional parameters:

align=""

Where to align text with image (possible values are top, middle, bottom)

alt=""

Alternate text for viewers that don't support inlined images (e.g. lynx)

ismap=""

Clickable image map

Special Characters

&lt;

< (less than or left bracket)

&gt;

> (greater than or right bracket)

&amp;

& (ampersand)

&quot;

" (quotation marks)

Miscellaneous

<!-- text -->

A comment (the text is not displayed by the viewer)

<address> . . . </address>

Format for presenting address information (generally in italics)

<hr>

Horizontal ruled line

Here is a example document that uses all the features described above.