Basic Lists

This page is a set of examples of basic HTML lists. I set it up as part of a reference set for myself to help me design pages on my home server. Since this is just a reference for lists, there is no formatting other than line breaks and a couple navigation links at the bottom to advance, go back to the previous page, or return to the main HTML reference page. Feel free to look at the HTML source and enclosed comments as a learning tool. HTML is pretty easy to learn just by looking at decently documented source material.

The first two lists, ordered and unodered lists are an indented series of items that each appear on a separate line.


Unordered Lists

An unordered list is a list in which each list item has a bullet point.


Ordered Lists

In an ordered list, each list item has a number beside it.

  1. Item number one
  2. Item number two
  3. Item number three
  4. Item number four

Definition lists

A definition list is set up to provide a dictionary-style listing. It consists of a definition term and definition data. The term will be listed and the data will be below the term tabbed, just like definitions appear in a dictionary.

Dictionary Term-
A dictionary term is the term being defined. It is typically just a word or a short phrase.

Definition Data-
Definition data is typically the definition of the term being defined. It is displayed underneath the term and tabbed as a block in order to indicate that it is attached to the term. Definition data often contains a lot more than the term does.

Nesting

You can nest lists, too.


This concludes the example of basic HTML lists.

HTML Reference Home     On to Tables --->