<title>Basic HTML Tags</title>

Paragraph Markup

<h1>This is a Level1 heading</h1>

<h2>This is a Level2 heading</h2>

<h3>This is a Level3 heading</h3>

<h4>This is a Level4 heading</h4>

<h5>This is a Level5 heading</h5>
<h6>This is a Level6 heading</h6>

<address>Following is address text

<address>Here is an address</address>

<blockquote>Following is blockquote text

<blockquote>Here is a block quote. Just how long do you thing this should be? I don't know - just keep typing until eventually you fill up several lines.</blockquote>

<br>

breaks the line--like a carriage return, <br> can also be used to create blank lines

<p>

starts a new paragraph

<hr>

draws a line like the following:


Text markup

<strong>Bold</strong>
<em>Italic</em>
<u>Underline</u>
<!- comment--text to be ignored by the browser ->
My mother brought her new <!- ugly -> dog to my house, becomes
My mother brought her new dog to my house
<tt>Monospaced fonts like courier will go to </tt>

Features

This is a footnote[1] , which is created with <a href="../swug.html">[1]</a>

This is a Picture which will be either inlined or linked to by an HREF.

Here's the code:

This is a Picture <IMG SRC="class1.gif"> which will either be inlined or linked to by an HREF.

This is a picture that will be used as the clickable part of a hypertext link to an item in this document labeled Here.

Here's the code:

This is a picture <a href="#Here"><IMG SRC="class2.gif"></a> that will be used as the clickable part of a hypertext link to an item in this document labeled <a name="Here">

This is a hypertext link to an external document, Primate.

Here's the code:

This is a hypertext <a href="http://ftp.primate.wisc.edu/pub/RTF">link</a> to an external document, Primate.

This is a hypertext link to a named anchor within the same document.

Here's the code:

This is a hypertext <a href="#LINK1">link</a> to a named anchor within the same document.

Lists

Ordered List Styles

For a simple numbered list

  1. First item
  2. Second item
  3. Third item

Use:

<ol>
<li>First item
<li>Second item
<li>Third item
</ol>

Note: Any list can be single- or multi-level.

For a multi-level numbered list

  1. level zero element
    1. level one element
      1. level two element

Use:

<ol>
<li>level zero element
<ol>
<li>level one element
<ol>
<li>level two element
</ol>
</ol>
</ol>

Un-Ordered List styles

For a bulleted list

Use:

<ul>
<li>level zero element style
<ul>
<li>level one element style
<ul>
<li>level two element style
</ul>
</ul>
</ul>

Definition List

Use the DL tag for definition lists

This is a reasonably large term
Here is the definition of the term. Of course this format is used for more than just definitions.
This is a reasonably large term
Here is the definition of the term. Of course this format is used for more than just definitions.

Here's the code:

<dl>
<dt>This is a reasonably large term
<dd>Here is the definition of the term. Of course this format is used for more than just definitions.
<dt>This is a reasonably large term
<dd>Here is the definition of the term. Of course this format is used for more than just definitions.
</dl>

Different kinds of lists can be nested inside each other

My Christmas List

  1. Bicycle
  2. House

Here's the code:

<strong>My Christmas List</strong>
<ol>
<li>Bicycle
<ul>
<li>12 speeds
<li>purple
<li>cushy seat
<li>ribbons on the handlebars
</ul>
<li>House
<ul>
<li>jacuzzi
<li>butler
<li>beer on tap
</ul>
</ol>

Top and Bottom Stuff for Pages at SLAC

Top:

<html>
<head>
<title> Put Your Title Here </title>
<a HREF="http://www.slac.stanford.edu">[SLAC]</a> (a link to the SLAC Home Page)
</head>
<body>

Bottom:

</body>
<h5>Last Updated <date> by <cite>
<a href="/owner/userid">userid</a>
</cite>
</h5>
</html>

Item in the document labeled Here

Target within the same document

SWUG

Last Updated 10 October 1995 by gennari