Html – lists

list

As we know in lists are the part of day to day life. In real world we create todo list, name list, dream list, grocery list etc lot of list. So in web list is the basic element of html. By using this we can render element in order or unordered way.

In html we have three type of list –

1. Ordered
2. Unordered
3. Definition

Ordered list

It’s a list of related items where order of item is important and it will render in order way. To create order list we have ol (ordered list) element and for list items we need to use li element.

Ex:-


<ol>
     <li>One</li>
     <li>Two</li>
     <li>Three</li>
</ol>

Here we can use type attribute to use different marker like –

Type Description
type=”1″ The list items will be numbered with numbers (default)
type=”A” The list items will be numbered with uppercase letters
type=”a” The list items will be numbered with lowercase letters
type=”I” The list items will be numbered with uppercase roman numbers

Unordered list

It’s just a list of related items whose order dose not matter. To create an unordered list we need to use ul (unordered list) element and for list items we need to use li element.

Ex:-


<ul>
     <li>One</li>
     <li>Two</li>
     <li>Three</li>
</ul>

Here we can use type attribute to use different marker like –

Value Description
disc Sets the list item marker to a bullet (default)
circle Sets the list item marker to a circle
square Sets the list item marker to a square
none The list items will not be marked

Description list

This list is a spacial kind of list in witch you can use list of terms with description of each term.

Ex:-


<dl>
     <dt>One</dt>
     <dd>First number</dd>
     <dt>Two</dt>
     <dd>Second number</dd>
</dl>

You May Also Like

About the Author: admin