HTML标签中的 ul, li, ol, menu, dd, dt, dir and type的用法

HTML Tags including ul, li, ol, menu, dd, dt, dir and type

The Unordered List element
UL> <LI> </UL>
[UL> denotes the start of an unordered list, <UL>denotes the end of an unordered list, the< LI> is a list item, see below for an example. 

<UL>
<LI>list item number 1
<LI>List item number 2
<LI>List item number 3
</UL> 
will produce: 
List item number 1 
List item number 2 
List item number 3 

The Ordered List element
<OL> <LI> </OL> 

<OL> denotes the start of an ordered list and </OL> denotes the end of an ordered list, <LI> is a list item, see below for an example.

<OL>
<LI>List item number 1
<LI>List item number 2
<LI>List item number 3
</OL> 

will produce: 
1.List item number 1 
2.List item number 2 
3.List item number 3 

The Menu List element
<MENU> <LI> </MENU> 

<MENU> denotes the start of the menu (similar to the <UL> tag), and </menu> denotes the end of the menu, <LI> is a menu/list item, see below for an example.

<MENU>
<LI>Menu item number 1
<LI>Menu item number 2
<LI>Menu item number 3
</MENU> 

will produce: 
.Menu item number 1 
.Menu item number 2 
.Menu item number 3

The Directory List element
<DIR> <LI> </DIR> 

<DIR> denotes the start of the dir listing and </DIR> denotes the end of the dir listing, <LI> is a Dir/list item, see below for an example. 

<DIR>
<LI>Dir listing 1
<LI>Dir listing 2
<LI>Dir listing 3
</DIR> 

will produce: 
.Dir listing 1 
.Dir listing 2 
.Dir listing 3 

The Definition List element
<DL> <DT> <DD> </DL> 

<DL> denotes the start of the definition list, <DT> denotes a Definition Term, <DD> denotes a Definition and </DL> denotes the end of the definition list. See below for an example. 

<DL>
<DT>1st Term
<DD>1st Definition
<DT>2nd Term
<DD>2nd Definition
<DT>3rd Term
<DD>3rd Definition
</DL> 

will produce: 
  1st Term 
     1st Definition 
  2nd Term 
      2nd Definition 
  3rd Term 
      3rd Definition 

Other attributes which can be applied
Here are some attributes you can use within the list elements along with examples: 

TYPE - this can be used with the <UL>, <OL> and <LI> tags, it can have various effects here is one example :

<UL TYPE=SQUARE>
<LI>1st listing
<LI>2nd listing
</UL> 

will produce: 
 .1st listing 
 .2nd listing 
The parameters you can use with the TYPE attribute are CIRCLE, SQUARE (as above), DISC and some more which are described below :

The following parameters when used with the TYPE attribute can change the appearance of ordered lists, these are A, a, I, i, and 1.

<OL TYPE=A> as used below :

<OL TYPE=A>
<LI>1st listing
<LI>2nd listing
<LI>3rd listing
</OL> 

will produce: 
A.1st listing 
B.2nd listing 
C.3rd listing 
and <OL TYPE=a> will produce: 
a.1st listing 
b.2nd listing 
c.3rd listing