Tags: < list >


    Using the list tags is a convenient way to display items in a list format. The tags may be used to set bullet or number styles. It is simple to use and saves manualy ceating lines and spacing.

The following table shows several samples of list styles and the codes used to create them.
Add as many of the < Li > < /Li > tags as you need for your items.

This html code
Produces this list

< ul type="circle" >
Heading
< li >item 1< /li >
< li >item 2< /li >
< li >item 3< /li >
< /ul >
    Heading
  • item 1
  • item 2
  • item 3
< ul type="disc" >
< FONT SIZE="+1" COLOR="BLUE" >  *
< U >< I >< B >Heading< /B >< /I >< /U >< /FONT >
< li >Item 1< /li >
< li >Item 1< /li >
< li >Item 1< /li >
< /ul >

* note the use of the font tag here.
    Heading
  • Item 1
  • Item 1
  • Item 1
< ul type="square" >
Header
< li >Item 1< /li >
< li >Item 2< /li >
< li >Item 3< /li >
< /ul >
    Header
  • Item 1
  • Item 2
  • Item 3
Numbered Style This is page 12 of learning HTML
< ol type="1" >
leave blank for no header
< li >Item 1< /li >
< li >Item 2< /li >
< li >Item 3< /li >
< li >Item 4< /li >
< li >Item 5< /li >
< /ol >
  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5
< ol type="A" >
Header
< li >Item 1< /li >
< li >Item 2< /li >
< li >Item 3< /li >
< /ol >
    Header
  1. Item 1
  2. Item 2
  3. Item 3
< ol type="I" >
Header
< li >Item 1< /li >
< li >Item 2< /li >
< li >Item 3< /li >
< /ol >
    Header
  1. Item 1
  2. Item 2
  3. Item 3
< dl >
Heading
< dt >Section 1< /dt >
< dd >Item a< /dd >
< dd >Item b< /dd >
< dd >Item c< /dd >
< dt >Section 2< /dt >
< dd >Item 1< /dd >
< dd >Item 2< /dd >
< dd >Item 3< /dd >
< dt >Section 3< /dt >
< dd >Item A1< /dd >
< dd >Item A2< /dd >
< dd >Item A3< /dd >
< /dl >
Heading
Section 1
Item a
Item b
Item c
Section 2
Item 1
Item 2
Item 3
Section 3
Item A1
Item A2
Item A3


OK enough of this. Let`s made some Lines
Click here   Lines