Christian's List of HTML tags.

Based largely on Otmar's list of HTML tags.

HTML TAGS

COMMENTS


  <!-- a comment -->
  <!-- another useless description -->

DOCUMENT TYPE

The HTML opening and closing tags are not required yet, but will be in the near future. You are encouraged to include them in your documents.


  <HTML>
  <!-- possibly a head part -->
  <!-- possibly a body part -->
  </HTML>

HEAD

This part contains information about the head part.


  <HEAD>
  <!-- head tags -->
  </HEAD>

BODY

This part contains information about the body part.


  <BODY>
  <!-- body tags -->
  </BODY>

HEAD TAGS

These tags may only be present inside a <HEAD> element. Head tags are not shown as part of the main document, but may be visible outside it, as part of an information display about the current document.

TITLE

This is usually show in the top of the browser window. Do not confuse the title with a <H1> element.


  <TITLE>
  A List of HTML Tags.
  </TITLE>

LINK

This is a piece of meta-information describing this document's relationship with another document, like the Anchor <A> does for particular parts of the document.

Unlike the anchor, a link does not do anything, it merely describes. Hence it is not used very often.


  <LINK HREF="/mogens/tutorials.html" REL="parent">

BODY TAGS

These tags should only occur in the <BODY> part of the document. Body tags are shown in the main document window.

HEADINGS (<H#> ... </H#>)

Used for marking sections and sub-sections in a document.


<H1> Header 1 </H1>
<H2> Header 2 </H2>
<H3> Header 3 </H3>
<H4> Header 4 </H4>
<H5> Header 5 </H5>
<H6> Header 6 </H6>

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

$\======$

SEPARATORS

Paragraph Break: 
Note that the tag is really a container where the end tag is optional (i.e. the can be left out). The should therefore go at the start of paragraphs. Unfortunately this still does not render properly in most browsers, as of mid 1995.
Line Break:
Horizontal Rule: <HR>


  <P>Bla bla bla.  Blabla blabla bla blala bla 
  bla.  Blabla blabla bla bla.
  <P>
  Blala bla.  Blabla blabla bla blaba bla bla.  Bla 
  blabla bla bla.
  <BR>
  Blilly blilly bla bla bla.  Blabla 
  blabla bla bla.
  <HR>
  Lallyla layllaylay layla layla lally lally.

renders as:
/======

Bla bla bla. Blabla blabla bla blala bla bla. Blabla blabla bla bla.

Flala fla. flafla flafla fla flafa fla fla. fla flafla fla fla.
Blilly blilly bla bla bla. Blabla blabla bla bla.

Lallyla layllaylay layla layla lally lally.
$\======$

LISTS

UNNUMBERED


  <UL>
  <LI> apples
  <LI> bananas
  </UL>

apples
bananas

$\======$

NUMBERED


  <OL>
  <LI> oranges
  <LI> peaches
  <LI> grapes
  </OL>

oranges
peaches
grapes

$\======$

DESCRIPTIVE

 

  <DL>
  <DT> THHGTGG
  <DD> "The Hitchhiker's Guide to the Galaxy" was originally a BBC
             radio series which ....
  <DT> Netrek
  <DD> Netrek is a networked multiuser game. It is not a simple
             shoot-em-up game, but ....
  </DL>

THHGTGG: "The Hitchhiker's Guide to the Galaxy" was originally a BBC radio series which ....
Netrek: Netrek is a networked multiuser game. It is not a simple shoot-em-up game, but ....

$\======$

PREFORMATTED TEXT


  <PRE> 
    #####  ######  #    #   #####
      #    #        #  #      #
      #    #####     ##       #
      #    #         ##       #
      #    #        #  #      #
      #    ######  #    #     #
  </PRE>

  #####  ######  #    #   #####
    #    #        #  #      #
    #    #####     ##       #
    #    #         ##       #
    #    #        #  #      #
    #    ######  #    #     #

$\======$

BLOCK QUOTES


Here is a quote from P. Erdos:
<BLOCKQUOTE>
"A mathematician is a device for turning coffee into theorems."
</BLOCKQUOTE>

Here is a quote from P. Erdos:

"A mathematician is a device for turning coffee into theorems."

$\======$

ADDRESS


  <ADDRESS>
  Maintained by mogensen@cs.stanford.edu
  </ADDRESS>

Maintained by mogensen@cs.stanford.edu

$\======$

CHARACTER HIGHLIGHTING

Logical (Preferred)

Emphasized: Emphasized
Citations: <CITE>Citations</CITE>
Variable name: <VAR>Variable name</VAR>
Stronger Emphasized: Stronger Emphasized
Source Code: <CODE>Source Code</CODE>
Samples: <SAMP>Samples</SAMP>
Keyboard Input: <KBD>Keyboard Input</KBD>
Definitions: <DFN>Definitions</DFN>

Physical (Discouraged)

Italics: Italics
Boldface: Boldface
Typewriter: <TT>Typewriter</TT>

SPECIAL CHARACTERS

These are some of the entities in HTML. Others describe the accented vowels and other charcters.

< to generate a <
> to generate a >
& to generate a &
" to generate a "

IMAGES

The file at the end of the SRC URL is placed inline - ie: in the text as if it were a character. The text in the ALT tag is displayed if the user has a text-only browser (such as Lynx).

Alignments may be TOP, MIDDLE or BOTTOM.


  foo <IMG SRC="/gifs/simp.baby.gif" ALT="[]" ALIGN=TOP> bar
  baz <IMG SRC="/gifs/simp.lisa.gif" ALT="[Lisa]" ALIGN=MIDDLE> qux
  fog <IMG SRC="/gifs/simp.bart.gif" ALT="[Bart]" ALIGN=BOTTOM> fig

foo

bar baz

qux fog

fig
$\======$

LINKS

The anchor tag is used to

NAME : name a part of a document.
HREF : make a link to another documents
HREF : mark a link to other parts of the same document.
REV : mark a reverse link. (seldom used)
REL : name the relationship between this document and the target of the link. (rarely used)

<A HREF="url" NAME="name" REV="url" REL="relation">...</A>

Note that anchor tags cannot be nested. Hence
<A HREF="foo">a link <A NAME="bar">named bar</A> </A>
is a no-no. Do not place anchors inside one another.

NAME Naming a point in a document


  This is a <A NAME="here">target</A> in this document.

This is a target in this document.
$\======$

HREF: Link to another document

The other document is named by a partial or full URL. A partial URL could be a reference to:

a file in the same directory: other.html
a file on the same server: /mogens/intro/other.html

A full URL looks like this:
http://www-pcd.stanford.edu/mogens/intro/other.html.

Note that a URL may be suffixed with a named anchor. The named anchor is indicated using a #name. To refer to the full name of the previous section, we would use:
http://www-pcd.stanford.edu/mogens/intro/other.html#here.


  This is a <A HREF="other.html">link</A> to another document.

This is a link to another document.
$\======$

HREF: Link to another point in the same document


  This is a <A HREF="#here">link</A> to the target 
  in this document.

This is a link to the target in this document.
$\======$

Christian mogensen@cs.stanford.edu

Last update: 20.9.95