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

/-----
  <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>
\-----

/====== \======

NUMBERED

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

/======
  1. oranges
  2. peaches
  3. 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)
Physical (Discouraged)


SPECIAL CHARACTERS

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


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 [Lisa] qux fog [Bart] fig
\======


LINKS

The anchor tag is used to <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 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