(CSC2991)

LISTS

• All items in a list use the empty <LI> tag.
• All list container tags create both a beginning and an ending line break. Remember - All container tags require a closing tag.
• You can create additional blank lines within or between lists by using <PRE>__</PRE> (without the underscore - it is just used to show that two spaces are used).
• Do not use headings in a list, but you can use <EM>, <B>, and <I> tags to control appearance. You can also control size by using one or more <BIG> tags. Use <BR> after the list header. This is necessary to keep some browsers from combining the header and the first list item.

TYPES OF LISTS

• ORDERED (Container Tag: <OL>)
  Looks like a formal outline. Numbers or letters are displayed for each list item.
  Extensions:
  TYPE A - UPPERCASE LETTERS
  TYPE a - lowercase letters
  TYPE I - UPPERCASE ROMAN NUMERALS
  TYPE i - lowercase roman numerals
  TYPE 1 - Numbers
  START - Sets the beginning value of the current line
  
• UNORDERED (Container Tag: <UL>)
  Bullets are displayed for each list item. Useful when list items do not need to appear in any particular order. The Day1 page employed unordered lists.
  
• MENU (Container Tag: <MENU>)
  Similar in appearance to unordered lists, except that the list items are linked to other documents.
  
• DIRECTORY (Container Tag: <DIR>)
  Similar in appearance to unordered lists.
  
• DEFINITION (Container Tag: <DEF>)
  Displays list items as if they were items in a glossary. This page uses this list format. Most useful when long(er) descriptions are necessary. Although most browsers ignore it, the <DL>:COMPACT tag can be used to produce smaller type for the definition.

COMBINING TYPES OF LISTS
All types of lists can be combined, or embedded, in a single list. This page uses ordered, unordered and definition lists.

MANUALLY FORMATTING LISTS
Indenting
Browsers usually automatically indent when lists are used. You can force indentation by embedding empty" lists - that is, by using two list tags instead of one.

Bullets
If, instead of using any other type of list, you use a definition list, you can enhance your page by employing bullet images (and horizontal rule) images, but you will usually have to manually insert the bullet.gif (or HR.gif) you wish to use.
Syntax: <UL SRC="filename.gif" ALIGN=TOP>
This tag replaces the <LI> tag that would normally be used for each list item.
Also, you will need to manually insert a <BR> tag after each list item.
You may have to show:
<DD> <IMG="filename.ext"> Whatever text you need. </DD>

Home	Syllabus	Day 1	Day 2	Day 3	Day 4

Resource      List	Graphics4U	Backgrounds	Browser       Images	Email       Images	HPC     Bookmarks

Lists	Using   Graphics	Manipulating       Images	Tables