SHORT TUTORIAL ON LISTS

INTRODUCTION

There are many ways to format and break up a web page to help organize and make it look more appealing. This can be done with tables, frames, forms, paragraphs or lists.This tutorial will concentrate on LISTS, since they are one of the simplest ways to organize information.

LISTS - BASIC EXAMPLES AND SYNTAX

Ordered List Syntax
  1. Winter
  2. Summer
  3. Spring
  4. Fall
<ol>
     <li> Winter
     <li> Summer
     <li> Spring
     <li> Fall
</ol>

The <ol> tag is the opening tag for the ordered list and must be closed with a closing tag </ol>
The <li> is the list item tag that does need a closing tag. There is no limit to the number of list items in a single list.

Unordered List Syntax
  • Winter
  • Summer
  • Spring
  • Fall
<ul>
     <li> Winter
     <li> Summer
     <li> Spring
     <li> Fall
</ul>

The <ul> tag is the opening tag for the unordered list and must be closed with a closing tag </ul>
The <li> is the list item tag that does need a closing tag. There is no limit to the number of list items in a single list.

Definition List Syntax
Cigarette
Cancer Stick
<dl>
<dt> phrase to define <dd> Definition
</dl>

The <dl> and </dl> tags enclose a definition list, which is a list of terms or phrases that need to be defined. Within the <dl> tag is the definition term tag <dt> and the definition tag itself <dd>. The definition is always indented. There are no numbers, letters or bullets involved.

MORE OPTIONS

Except for the Definition list, there are several options as to which symbols to use for the unordered lists or whether to use numbers or letters for the ordered lists.

Symbols Roman/Arabic Numbers Letters
  1. Lower Case Roman Numeral
  1. Upper Case Roman Numeral
  1. Common Numbers

Detailed Syntax | Sample Lists |