Section.1 UNORDERED LISTS
<ul>
| <ul> |
This tag tells the browser to make a list of items |
|---|
| The Function | This tag tells the browser to make a list of items
|
|---|
| Own Attributes | Type, Title, Id, Lang, Dir, Compact, Calss, Style,
onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp |
|---|
| End Tag | Never Omitted in both HTML,XHTML |
|---|
| Contains | list content |
|---|
| Used in | block |
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 Function | This tag tells the browser to make a list of items |
|---|
| Own Attributes | Type, Title, Id, Lang, Dir, Compact, Calss, Style,
onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp |
|---|
| End Tag | Never Omitted in both HTML,XHTML |
|---|
| Contains | list content |
|---|
| Used in | block |
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 Function | This tag tells the browser to make a list of items
|
|---|
| Own Attributes | value, type, class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
|
|---|
| End Tag | Often Omitted in HTML but not omitted in XHTML |
|---|
| Contains | flow |
|---|
| Used in | list 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 Function | Defines a definition list
|
|---|
| Own Attributes | class, compact, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title, type
|
|---|
| End Tag | Never Omitted in both HTML,XHTML |
|---|
| Contains | dl content |
|---|
| Used in | block |
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 Function | Defines a definition list term
|
|---|
| Own Attributes | class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
|
|---|
| End Tag | Never Omitted in XHTML but may be omitted in HTML |
|---|
| Contains | text |
|---|
| Used in | dl_block |
| <dd> |
This tag tells the browser to make a Difinition to the item |
|---|
| The Function | Defines a definition list term
|
|---|
| Own Attributes | class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
|
|---|
| End Tag | Never Omitted in XHTML but may be omitted in HTML |
|---|
| Contains | flow |
|---|
| Used in | dl_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 Function | Defines a directorylist
|
|---|
| Own Attributes | Title, Id, Lang, Dir, Compact, Calss, Style,
onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut,
onMouseOver, onMouseUp |
|---|
| End Tag | Never Omitted in both HTML,XHTML |
|---|
| Contains | list content |
|---|
| Used in | block |
<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 Function | Defines a menu list
|
|---|
| Own Attributes | class, dir, id, lang, onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, style, title
|
|---|
| End Tag | Never Omitted in both HTML,XHTML |
|---|
| Contains | list content |
|---|
| Used in | block |
See Example Below or See Real-Example Click Here

