HTML Tutorial

Some Background
The Basic Page
Document Structure
Adding Headings
Formatting Text
Adding Images
Adding Links
Lists
Tables
Data Tables
CSS

Webmaster Resources

Selecting a Host
Authoring Software
Making Money
Other Software
Scripts

Resources for Surfing

Anonymous Surfing
Download Managers
Downlaod Accelerators
Cache and Cookie Managers
Opera the Best Browser

Adding Lists

<h3>An Ordered List</h3>

The ordered list is a numbered list of items, perfect for explaining step-by-step instructions or for creating an outline (complete with links to corresponding sections, if desired) of a larger document. You may create an ordered list anywhere in the BODY section of your HTML document.

The type=A attribute represents the symbols that should be used in the ordered list: A for capital letters, a for small letters, I for capital roman numerals, i for small roman numerals, and I for numbers, which is the default.

The start=4 attribute sets the initial value for list numbering, here the list would start at 4. The START value is always numeric and is converted antomatically, according to the TYPE value. Simply leave this out if you want to start numbering at 1.

Any text entered after the <ol> tag and before the first <li> tag will appear with the same indentation as the first item in the list, but without a number.

Your data goes between the <li> and </li> tags.

<h3>An Unordered List</h3>

Unordered lists are probably the most widely used lists on the Web. Use them to list any series of items that have no particular order, such as hot web sites or names or bulleted lists. An unordered list can be used for your navigation menu once you have learned some CSS to remove the bullets or add bullets of your own.

The attribute TYPE=X represents the kind of bullet that should be used with each list item. Choose disc for a solid round bullet (the default for first level lists), circle for an empty round bullet (the default for second level lists), or square for square bullets (the default for third level lists).

Any text entered after the <ul> tag and before the first <li> tag will appear with the same indentation as the first item in the list, but without a bullet.

<ol>
    <li>FRUIT</li>

        <ul type="disc">
              <li>Pears</li>
              <li>Rambutans</li>
              <li>Mangoes</li>
      </ul>

<li>VEGITABLES</li>
<li>MEAT</li>
</ol>

Multi-level (or outline numnering or bulletting) may be achieved by creating nested lists as in the table.

Note the that the second level list comes after <li> Fruit</li> and will be further indented than the main list.

You may have many levels and any mix of unordered and ordered levels on your page.

<h3>A Definition List</h3>

<dl>
<dt>SRC</dt>
<dd>short for SOURCE.</dd>
<dt>HREF</dt>
<dd>short for hypertext reference </dd>
</dl>

HTML provides a tag for creating defrnition lists. This type of list is particularly suited to glossaries but works well with any list that pairs a word or phrase with a longer description.

Here we have an extra item the definition title <dt> followed by the definition description <dd>.

Counter