Lists: HomeSite 1.2
Create an Unordered List


An unordered list uses a symbol such as a bullet to indicate each list item.
The <UL> Tag Create an unordered list by using the <UL></UL> tags.

Use the <LI> tag in front of each list item.  The <LI> tag requires no closing tag.

HINTS:
UL= Unordered List

LI=List Item

Example I enjoy reading many different kinds of books:
  • Science Fiction
  • Mysteries
  • Thrillers
  • Serious Literature
  • General Nonfiction

The code for the above list is:

I enjoy reading many different kinds of books:

<UL>
<LI>Science Fiction
<LI>Mysteries
<LI>Thrillers
<LI>Serious Literature
<LI>General Nonfiction
</UL>

The easiest way to make a list with HomeSite is to select the Lists tab.
List tab
Choose the Quick List button. The List dialog box will appear.

Quick List button
Quick List button

Unordered List box
  • Use the arrow to choose the number of rows that will be in your list.
  • Select Unordered for an unordered (i.e., bulleted) list.
  • Dotted lines corresponding to the number of rows will appear in the text box; these lines correspond to your list items.
  • Type each list item onto one of the dotted lines. Use the Tab key to move to the next line
  • When you have finished entering your list, click on OK. The list will appear in your page.
By default the type of bullet in an unordered list is a dark circle.

Use the TYPE=[shape] attribute with the opening <UL> tag to specify another bulleting style for the entire list.

Use the TYPE=[shape] attribute with the <LI> tag to specify another type of bullet for a particular list item

To change the default shape of a bullet or the default type of numeric symbol in a list, you will have to insert your cursor in the proper tag and type in the desired attribute and value. Note: See Start: Tour HomeSite 1.2 for a review of the ways to insert tags and attributes into your document.
Replace [shape] with a value as indicated in the examples below.
Types of Bullets
  • Here is a solid round bullet; in HTML the value is disc.
  • Here is a hollow round bullet; in HTML the value is circle.
  • Here is a solid square; in HTML the value is square.
The HTML code for the above sequence is:

<UL>

<LI TYPE=DISC>Here is a solid round bullet; in HTML the value is <B>disc</B>.


<LI TYPE=CIRCLE>
Here is a hollow round bullet; in HTML the value is <B>circle </B>.


<LI TYPE=SQUARE>
Here is a solid square; in HTML the value is<B> square </B>.

</UL>

Nested Unordered Lists A nested list is a list within a list.

To create a nested unordered list, add another <UL></UL> tag pair within your original list.

By default the first level of a nested unordered list will use solid bullets, the second level will use hollow bullets, and the third level will use solid squares.

Lists: HomeSite 1.2
Overview
Create an Unordered List
Create an Ordered List
Create a Definition List

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 18, 1999
© Agatha Taormina