HTML LISTS (11.1)

lists 1

In websites, displaying a list is very easy by the help of HTML. There are three types of lists in HTML:


ORDERED LIST: The ordered list which consists of numbered objects. This list is also known as “Numbered List”. The tag used for this type of list is <ol>….</ol>. The tag used to specify an entry of list is <li>…</li>. The attributes given to this tag are:

TAG ATTRIBUTES DISCRIPTION
TYPE This attribute specifies the type of number schemes. There are five types of number schemes:I for I,II,III….

1 for 1,2,3…..

A for A,B,C….

A for a,b,c…..

“i”fori,ii,iii…..

START It specifies the starting point (number) of the list.
VALUE It is used to change the number at any position of number sequence.

 


UNORDERED LIST: An unordered list consists of objects which are marked with symbols. This list is also known as “Unnumbered List”. The tag used for this type of list is <ul>….</ul>. The tag used to specify an entry of list is <li>…</li>. The attributes given to this tag are:

TAG ATTRIBUTES DISCRIPTION
TYPE It specifies the type of the symol which is used as a bullet for the entry of the list. There are four important types of such symbols:

  • Circle (Default value)
  • Square
  • Disc
  • Fillround

 

DEFINATION LIST: This type of list consists of terms and their description. The tag which is used for this purpose is <dl>….</dl>. The tag which is used to create a list of terms is <dt>…</dt>. The tag used for the definition of any entry of list is <dd>….</dd>.


NESTED LIST: To display items in a nested list is also very easy in HTML. The List with in another list can be displayed by using nested listing tags.

 


For more visit next posts in this category.To go back to Contents of this tutorial: Contents of HTML Tutorial

email

3 Responses to HTML LISTS (11.1)

  1. Barry Pepper says:

    I love the theme on the blog. Is it downloadable anywhere?

  2. Would you mind repost this to one of my sites on this topic? I will give you full credit, of course. Let me know what you think. :)

  3. Do you mind repost this to one of my websites on this subject? I’ll give you full credit, of course. Let me know by email what you think. :)

Leave a Reply