Basic HTML

Contents:

Basic HTML Elements
Common Tags
Lists
Type Styles
Anchors

Basic HTML Elements

The basic structure is:

<html>

  <head>
    <title>I'm the page title</title>
  </head>

  <body>
  <p>I am a paragraph of text
  </body>

</html>

Some Common Tags

to start a new paragraph
<h1> ... </h1> to insert level 1 heading
to insert a comment
to force a line break without creating new paragraph
<hr> to insert a horizontal rule (line)

Lists

There are three types of lists:

Ordered: <ol> ... </ol>
Unordered: <ul> ... </ul>
Definition: <dl> ... </dl>

In the first two, list items are started with <li>. For example, the unordered list above was created with:

<ul>
  <li> Ordered: ...
  <li> Unordered: ...
  <li> Definition: ...

Type Styles

Certain pairs of tags add emphasis to type. There are two types: physical and logical. Here are some physical tags:

text produces text.
text produces text.
<TT>text</TT> produces text.

Here are some logical tags:

text produces text.
text produces text.
<CODE>text</CODE> produces text.
<CITE>text</CITE> produces text.

Anchors and Links

To insert a link to another URL in an HTML file, use

<A HREF="http://...">click here</a>

A more advanced use is to link to a specific phrase inside a document; in this case the # sign and a word are appended to the URL. For example:

<A HREF="http://www.famous.com/famous.html#RefList">click here </A>

In this case, clicking on "click here" will display the phrase that is anchored to "RefList". An anchor is created in http://www.famous.com/famous.html as follows:

<A NAME="RefList">Reference List</A>

Return to CS6204 home page.

Last modified on 14 March 1996..

Send comments to abrams@vt.edu.
[This is http://ei.cs.vt.edu/~jwww/courseNotes/html/HTMLinfo/Basic.html.]