UnOrdered Lists

<UL>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
</UL>
<UL>
UnOrdered List List , One pair of tag is allowed.
<LI>
Items of Ordered List, Mulitple pairs allowed. Child of <UL>
UnOrdered lists are also referred to as Bulleted Lists.

UnOrdered lists can be defined using <UL> ... </UL> tags. The tag <UL> indicates the start of a bulleted list while </UL> indicates the end of the bulleted list.

Attributes of <UL> .. </UL>

Type:

This attribute indicates the type of bullet to be used.
TypeDescription
Type = 'disk' Disk ( filled circle)
Type = 'circle' Circle ( Not filled )
Type = 'square' Square (filled )
Type = 'none' Blank or no bullets

Type = 'disk'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL type='disk'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'circle'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL type='circle'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'square'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL type='square'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Type = 'none'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL type='none'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Using Style

By using list-style-type: we can add several listing items of different languages and standard chars.

style='list-style-type:lower-greek'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL style='list-style-type:lower-greek'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>
Telugu , Oriya are Regional Languages in India.

style='list-style-type:telugu'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL style='list-style-type:telugu'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

style='list-style-type:oriya'


  • First Item
  • Second Item
  • Third Item
  • Fourth Item
  • Fifth Item
<UL style='list-style-type:oriya'>
<LI>First Item</LI>
<LI>Second Item</LI>
<LI>Third Item</LI>
<LI>Fourth Item</LI>
<LI>Fifth Item</LI>
</UL>

Subscribe to our mailing list

* indicates required
Subscribe to plus2net
Your Rating


Google+

         Lists In HTML  | Ordered Lists  | UnOrdered Lists  | Definition Lists

Post Comment This is for short comments only. Use the forum for more discussions.




Subscribe to our mailing list

* indicates required
Subscribe to plus2net
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2017 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer