HTML List

HTML provides three kinds of list. They are

i)             Ordered List

ii)            Unordered List

iii)           Definition List

 

Ordered Lists:

It is one of the way to list items with numbers.

An ordered list should start with the <ol>tag.

Each list item should start with the <li>tag.

Example:

<ol><li>Coders</li><li>Hackers</li></ol>

Output:

  1. Coders
  2. Hackers

Unordered Lists: 

It is another way of listing items with bullets.

An Unordered list should start with the <ul>tag.

Each list item should start with the <li>tag.

Example:

<ul><li>Coders</li><li>Hackers</li></ul>

Output:

  • Coders
  • Hackers

 

Definition Lists:

Itconsist of two parts:

i)             term

ii)           description.

 

Term defines the single line definition.

Description provides the detailed description about the term.

 

Also definition list consist of three html elements.

i)         <dl> – container

ii)       <dt> – definition term

iii)      <dd> – definition description

 

Inside the container we have to define definition term and definition description.

Inside a definition <dd> tag we can use line breaks, links, paragraphs, lists etc.

Example:

<dl>
<dt>Programming Tute</dt>
<dd>Programming Tute is an online tutorial website. <br><a href="http://www.programmingtute.com/"> Visit Pt</a></dd>

</dl>

OUTPUT:

Programming Tute:

Programming Tute is an online tutorial website.
Visit Pt

 

Posted on July 12, 2014 in HTML

Share the Story

Leave a reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top