Site hosted by Angelfire.com: Build your free website today!

CHAPTER VII: FORMATTED LISTS

    List of sections
  1. UNORDERED LISTS
  2. ORDERED LISTS
  3. THE <li> TAG
  4. NESTING LISTS
  5. DIFINITION LISTS
  6. APPROPRIATE LIST USAGE
  7. DIRECTORY LISTS
  8. MENU LISTS

Section 1

Section.1 UNORDERED LISTS
<ul>
<ul> This tag tells the browser to make a list of items
The FunctionThis tag tells the browser to make a list of items
Own AttributesType, Title, Id, Lang, Dir, Compact, Calss, Style, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp
End TagNever Omitted in both HTML,XHTML
Containslist content
Used inblock

Type Attribute with <ul> or to See Example below see realexample click here


The Compact Attribute is not DESIRED in HTML,XHTML SO It is not used But the function of this attribute is to decrease space between elements of Lists

Section 2

Section.2 ORDERED LISTS
<ol> This tag tells the browser to make an ordered list of items
The FunctionThis tag tells the browser to make a list of items
Own AttributesType, Title, Id, Lang, Dir, Compact, Calss, Style, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp
End TagNever Omitted in both HTML,XHTML
Containslist content
Used inblock

Some <ol> Attributes:-
type attribute
See Example Below or See Real-Example Click Here

start attribute
See Example Below or See Real-Example Click Here

Section 3


Section.3 THE <li> TAG
<li>
<li> This tag tells the browser to make an ordered list of items
The FunctionThis tag tells the browser to make a list of items
Own Attributesvalue, type, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
End TagOften Omitted in HTML but not omitted in XHTML
Containsflow
Used inlist content

Changing the sequence of individual list items
See example below or see Real-Example click Here

type attribute
See Example Below or See Real-Example Click Here

Value attribute
See Example Below or See Real-Example Click Here

Section 4

Section.4 NESTING LISTS
To nest Lists we have to take care of The Sequence of the lists so that the first list must ended last one on so on
see Figure

See Example Below on ordered nested lists or See Real-ExampleClick Here

See Example Below on ordered nested lists or See Real-Example Click Here

Section 5

Section.5 DIFINITION LISTS
<dl>
<dl> This tag tells the browser to make a Difinition list of items
The FunctionDefines a definition list
Own Attributesclass, compact, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, type
End TagNever Omitted in both HTML,XHTML
Containsdl content
Used inblock

See Example Below on dl tag or See Real-Example Click Here

<dt> This tag tells the browser to make a Difinition term of a list
The FunctionDefines a definition list term
Own Attributesclass, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
End TagNever Omitted in XHTML but may be omitted in HTML
Containstext
Used indl_block

<dd> This tag tells the browser to make a Difinition to the item
The FunctionDefines a definition list term
Own Attributesclass, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
End TagNever Omitted in XHTML but may be omitted in HTML
Containsflow
Used indl_block

Section 6

Section.6 APPROPRIATE LIST USAGE
The Usage Of UNORDERED LISTS:-
  • Link collections
  • Short, nonsequenced groups of text
  • Emphasizing the high points of a presentation

The Usage Of ORDERED LISTS:-
  • Tables of contents
  • Instruction sequences
  • Sets of sequential sections of text
  • Assigning numbers to short phrases that can be referenced elsewhere

The Usage Of DIFINITION LISTS:-
  • Glossaries
  • Custom bullets
  • Any list of name-value pairs

Section 7

Section.7 DIRECTORY LISTS
<dir>
<dir> This tag tells the browser to make a DIRECTORY list of items
The FunctionDefines a directorylist
Own AttributesTitle, Id, Lang, Dir, Compact, Calss, Style, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp
End TagNever Omitted in both HTML,XHTML
Containslist content
Used inblock

<dir> Attributes:-are the same that in other lists types and their effects.
See Example Below or See Real-Example Click Here

Section 8

Section.8 MENU LISTS
<menu> This tag tells the browser to make a menu of items
The FunctionDefines a menu list
Own Attributesclass, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
End TagNever Omitted in both HTML,XHTML
Containslist content
Used inblock


See Example Below or See Real-Example Click Here