Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • HTML List attributes and types

    • 0
    • 3
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 302
    Comment on it

    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> 
    

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: