Home Page Tutorials Download Fonts Download Template Download Wallpapers Free Directory
 
 
LESSON 05
<List> Tag
HTML Tutorials
Photoshop Tutorials Another HTML important tag is List. They can be divided into three classes :
Flash Tutorials
*). Ordered List.
ASP Tutorials

*). Unordered List.

FAQ

*). Definition List.

1). Ordered List

Download Wallpaper


Download Wallpaper


Download Wallpaper

 

Suppose in a Web page you want a certain list that should be in order, then what will you do?? In this case we use ordered list as below :

<OL>

<LI>Item Name </LI>

</OL>

Here, OL means Ordered List, whereas LI means List Item.

Example:

<OL>

<LI> Apple </LI>

<LI> Banana </LI>

<LI> Cherry </LI>

</OL>

Result:
  • Apple
  • Banana
  • Cherry
Attributes:
 Type

Type attribute is use to set the Sequence number or symbol displayed in the browser.

 
Default value is 1.
Type Groups:

*). A = Capital Letter.

*). a = Small Letter.

*). I = Roman Capital Letter.

*). i = Small Roman Letter.

*). 1 = Numbers

Example:

Type "A" :

 

<OL type="A">

<LI> Apple </LI>

<LI> Banana </LI>

<LI> Cherry </LI>

</OL>

Result:
  1. Apple
  2. Banana
  3. Cherry
Type "a" :
<OL type="a">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</OL>
Result:
  1. apple
  2. banana
  3. cherry
Type "I" :
<OL type="I">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</OL>
Result:
  1. Apple
  2. Banana
  3. Cherry
Type "i" :
 
<OL type="i">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</OL>
Result:
  1. apple
  2. banana
  3. cherry
  2). Un-Ordered List

This kind of a list is use to create a list which is not in order.

<UL>

<LI>Item Name</LI>

</UL>

You can set its type value as Disk or Circle or square.
Default value is Disk.
Type "Disk" :
<UL type="disk">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</UL>
Result:
  • apple
  • cherry
  • banana
Type "Circle" :
<UL type="circle">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</UL>
Result:
  • apple
  • cherry
  • banana
 
Type "Square" :
<UL type="square">
<LI> apple </LI>
<LI> banana </LI>
<LI> cherry </LI>
</UL>
  Result:
 
  • apple
  • cherry
  • banana
  3). Definition
 

This kind of a list is use create a definition list or you can say this list is use to define.

<DL>

<DT>Heading</DT>

<DD>Definition of the heading</DD>

</DL>

 

Example:

 
HTML
HTML stands for Hyper Text Markup Language.
   
 
[HTML Index]
 
 
 
Google
 
Web www.tutorialscenter.com
 
 

Copyright© 2006 All Rights Reserved.
Contact: webmaster@tutorialscenter.com, info@tutorialscenter.com, support@tutorialscenter.com