> HTML list ~ Online tutorial

HTML list

Unknown  ,  No comments

HTML list
List is nothing but the collection of items or elements.There are two type of list are
ordered list,unordered list

 UnOrdered List:

 UnOrdered List is used for simply using listing the items but if we want the items in the sequence then ordered lists are used.

 HTML Unordered List Example
    <html>
    <body>
    <b>Fruit List</b>
    <ul type='disc'>
    <li>Orange</li>
    <li>Apple</li>
    <li>Pine apple</li>
    </ul>
    <b>Sports List</b>
    <ul type='square'>
    <li>Cricket</li>
    <li>Foot Ball</li>
    <li>Hockey</li>
    </ul>
    <b>Country List</b>
    <ul type='circle'>
    <li>India</li>
    <li>Usa</li>
    <li>UK</li>
    </ul>
    </body>
    </html>

Output of Unordered List
  • Orange
  • Apple
  • Pine apple
Sports List
  • Cricket
  • Foot Ball
  • Hockey
Country List
  • India
  • Usa
  • UK
    Ordered List:
                  Ordered List is used for simply using listing the items but the follow some specific.we can use number the text using ol tag.
    Example

    <html>
    <body>
    <b>Fruit List</b>
    <ol type='1'>
    <li>Orange</li>
    <li>Apple</li>
    <li>Pine apple</li>
    </ol>
    <b>Sports List</b>
    <ol type='A'>
    <li>Cricket</li>
    <li>Foot Ball</li>
    <li>Hockey</li>
    </ol>
    <b>Country List</b>
    <ol type='i'>
    <li>India</li>
    <li>Usa</li>
    <li>UK</li>
    </ol>
    </body>
    </html>

    output

    1. Orange
    2. Apple
    3. Pine apple
    Sports List
    1. Cricket
    2. Foot Ball
    3. Hockey
    Country List
    1. India
    2. Usa
    3. UK

    Please Give Us Your 1 Minute In Sharing This Post!
    Please Give Us Your 1 Minute In Sharing This Post!
    SOCIALIZE IT →
    FOLLOW US →
    SHARE IT →
    Powered By: BloggerYard.Com

    0 comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)

     
    Copyright © 2013 Online tutorial .
    Designed By : Blogger Yard