Unordered List, Nested lists, Description List,TUTE-8

                                                             Unordered List

An unordered list can be created with the <ul> tag and each list item can be created with the <li> tag as shown by the example below:

<ul>
  <li>Item</li> 
 <li>Another Item</li>
  <li>Yet Another Item</li>
 </ul>

This will produce a bulleted list (which is the default style):

You should use ul to display a list of items, where the order of the items is not important. If changing the order of the items makes the list incorrect, you should use <ol>.

 Nested lists

You can nest lists to represent sub-items of a list item.
<ul> 
 <li>item 1</li>
  <li>item 2    
<ul>     
 <li>sub-item 2.1</li>  
    <li>sub-item 2.2</li>   
 </ul>  
</li> 
 <li>item 3</li>
 </ul>


The nested list has to be a child of the li element.
You can nest different types of list, too:
<ol>  
  <li>Hello, list!</li> 
   <li>       
 <ul>       
     <li>Hello, nested list!</li> 
       </ul>  
  </li> 
</ol> 

 Description List
A description list (or definition list, as it was called before HTML5) can be created with the dl element. It consists of

name-value groups, where the name is given in the dt element, and the value is given in the dd element.
<dl> 
 <dt>name 1</dt> 
 <dd>value for 1</dd> 
 <dt>name 2</dt>  
<dd>value for 2</dd>
 </dl>

A name-value group can have more than one name and/or more than one value (which represent alternatives):
<dl>
  <dt>name 1</dt>
  <dt>name 2</dt> 
 <dd>value for 1 and 2</dd>
  <dt>name 3</dt>
  <dd>value for 3</dd>  
<dd>value for 3</dd>
</dl>