Loading...
Html

Lists

Lists are used to display menu of items in a web page there are three types of list. They are .,

  1. Ordered List
  2. Unordered List
  3.  Definition List
  1. Ordered List:
    This tag is to display a list of items using using digits, alphabets or roman numbers then those list are called as order list we can change the type of display from digits to alphabets or to roman numbers by using type attributes.
    Example:
    <html>
    <head>
    <title>
    Adv.java programming
    </title>
    </head>
    <body>
    <center>
    <ul>
    <li>
    You can meet new people from new countries around the world
    </li>
    <li>
    You have access to new media as it becomes public:
    </li>
    <ol>
    <li> Home page </li>
    <li> links page </li>
    <ol type = “I”>
    <li> Links to search engines </li>
    <li> Links to information sites </li>
    <ol type = “A”>
    <li> News sites </li>
    <ol>
    <li type = “i”> TV based </li>
    <ol type = “a”>
    <li> CNN </li
    <li> News Headlines </li>
    </ol>
    <li type = “i”> Text based </lt>
    <ol type = “a”>
    <li> New York Times </li>
    <li> Washington Times </li>
    </ol>
    </ol>
    <li> Stock Sites </li>
    </ol>
    <<li> links to “fun” sites </li>
    </ol>
    <li> Feedback Page </li>
    <li> Contact Page </li>
    <li> HTML Example page </li>
    </ol>
    </body>
    </html>
  2. Unordered List:
    These list will be display a graphical symbols. In this list, each line begins with a bullet mark, each entry in an unordered list is unrested with the <li> tag.
    Example:
    <html>
    <head>
    <title>
    An Unordered list
    </title>
    </head>
    <body>
    <h1 align = center>
    Creating an Unordered list
    </h1>
    <ul>
    <li> Speed
    <li> cost
    <li> RAM
    <li> Disk Space
    <li> CD ROM Speed
    </ul>
    </body>
    </html>
  3. Definition List:
    These lists are used to describe each and every item.
    Example:
    <body>
    <dl>
    <dt> Hyderabad </dt>
    <dd> Biryani </dd>
    <dt> Chennai </dt>
    <dd> Sambar </dd>
    </dl>
    </body>
    </html>

Leave a Reply

Your email address will not be published. Required fields are marked *