HTML Lists

i)Unordered HTML Lists

An unordered list starts with the ul tag. Each list item starts with the li tag.

Unordered HTML Lists - The Style Attribute

1)Disc: All the list items will be marked with bullets.

eg:

 <ul style="list-style-type:disc">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

2)Circle: In this all the list items will be marked with circles.

eg:

 <ul style="list-style-type:circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

3)Square: Through square attribute all the list items will be marked with squares.

eg:

<ul style="list-style-type:square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

4)None: The list items will not be marked through this. eg:

 <ul style="list-style-type:none">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

ii)Ordered HTML Lists An ordered list starts with the ol tag. Each list item starts with the li tag.

1)Numbers: All the list items will be numbered with numbers .This is the default style attribute.

eg:

 <ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 

2)Uppercase Letters: Through this all the list items will be numbered with uppercase letters.

eg:

  <ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 

3)Lowercase Letters: In this all the list items will be numbered with lowercase letters.

eg:

 <ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

4)Uppercase Roman Numbers: All the list items will be numbered with uppercase roman numbers.

eg:

   <ol type="I">
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
    </ol> 

5)Lowercase Roman Numbers: In this style attribute all list items will be numbered with lowercase roman numbers.

eg:

 <ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>