HTML List Tags

It will arrange the group of data in ordered format or unordered format, html has three types of list tags.

1. Unordered List Tags (ul):

Arrange data group of data in unordered format with *disk, circle, square.
ul attribute:
Type: change type of the bullet

2. Ordered List:

Arrange group of data in ordered format with decimal, lower alpha, upper alpha, lower roman, upper roman.
ol attribute:
Type: change type of the bullet
Start: specify starting number for ordered list
Li: it is the sub tag of both ul and ol it will add data to list tags

3. Definition list:

Arrange group data in definition headings and explanations it has two sub tags
dt(definition tom): Heading
dd(definition description): Explanation

Example for list tags

<html>
    <head>
                <title> First Page</title>
    </head>
    <body>
                               <ul type='circle'>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                </ul>
                                <ol type='a'>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                </ol>
                                <ol type='I' start='6'>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                                <li>php</li>
                                </ol>
                                <dl>
                                <dt>1. What is PHP</dt>
                                 <dd>Ans1 : php is a server side scripting naugage         
                                <dt>2. What is PHP</dt>
                                <dd>Ans2 : php is a server side scripting lanaugage
                                <dt>3. What is PHP</dt>
                                <dd>Ans3 : php is a server side scripting lanaugage
                                </dl>
    </body>
</html

No comments:

Post a Comment