Pages

Monday, 16 July 2012

HTML - LISTS

There are 3 types of lists in HTML.

1. Ordered List

2. Unordered list

3. Definition list

 

 

1. Ordered list :

            An ordered list adds a numbering system before each item.

 

Syntax:

<html>

<body>

<ol>

<li>item</li>

<li>item</li>

<li>item</li>

</ol> 

<//body>

</html>

 

Example:

<html>

<body>

<ol>

<li>one</li>

<li>two</li>

<li>three</li>

</ol> 

<//body>

</html> 

 

 

2. Unordered list :

                    Unordered list's items are marked with a disc  or circle  or square.

 

Syntax:

<html>

<body>

<ul type="disc/circle/square" >

<li>item</li>

<li>item</li>

<li>item</li>

</ul> 

<//body>

</html> 

 

Example:

<html>

<body>

<ul type="disc" >

<li>one</li>

<li>two</li>

<li>three</li>

</ul> 

<//body>

</html> 

 

 

3. Definition list :

               The definition list has the definition of each items in a list.

 

Syntax:

<html>

<body>

<dl>

<dt>Item name 1 </dt>

<dd> Item description 1 </dd>

<dt>Item name 2</dt>

<dd> Item description 2</dd>

</dl> 

</body>

</html> 

 

Example:

<html>

<body>

<dl>

<dt>Tea </dt>

<dd>Black hot drink</dd>

<dt>Milk shake</dt>

<dd>white cold drink</dd>

</dl> 

</body>

</html>