HTML and CSS  Home HTML and CSS Tutorials List in HTML
rss

List in HTML

Author: Een More by this author


List in HTMLThere are 3 types of lists:
1) Unordered List
2) Ordered List
3) Definition List

1) Unordered List
Items of unordered list given by labeling in the form of bullets.
Followings are  the example of applying of unordered lists:

o Dog
o Cat
o Crocodile
o Monkey.

While the codes are:

< UL>
< LI>Dog</LI>
< LI>Cat</LI>
< LI>Crocodile</LI>
< LI>Monkey</LI>
</ UL>

< LI> Tag in the place of List Items.
There are several types of bullets for unordered list.

Type

Output

Disc

 

Square

 

Circle

 

Followings are the example how to use unordered list type in HTML codes:

Disc Type:

<ul type="disc">
<li>Dog</li>
<li>Cat</li>
<li>Crocodile</li>
<li>Monkey</li>
</ul>

While the out puts are:

  • Dog
  • Cat
  • Crocodile
  • Monkey

Square Type:

<ul type="Square">
<li>Dog</li>
<li>Cat</li>
<li>Crocodile</li>
<li>Monkey</li>
</ul>

While the out puts are:

  • Dog
  • Cat
  • Crocodile
  • Monkey

Circle Type:

<ul type="Circle">
<li>Dog</li>
<li>Cat</li>
<li>Crocodile</li>
<li>Monkey</li>
</ul>

While the out puts are:

  • Dog
  • Cat
  • Crocodile
  • Monkey

2) Ordered List

Items of Ordered list given by labeling in the form of number or letter.

1 Dog
2 Cat
3 Crocodile
4 Monkey.

While the codes are:

< OL>
< LI>Dog</LI>
< LI>Cat</LI>
< LI>Crocodile</LI>
< LI>Monkey</LI>
</ OL>

You can set the start number of ordered list. Followings are the example:

Type

Output

1

1, 2, 3, ....

a

a, b, c, ....

i

i, ii, iii, ....

I

I, II, III, ...

A

A, B, C, ...

etc

 

3) Definition List

This type relative more complex, but don't worry cause it is not as difficult as seen to be.
Followings are the tags:

< DL>
</DL>

Inside the tag there are two parts:

<DT> Definition Term
<DD> Definition Description

Followings are the example of its use:

Keyword Density
also called Keyword Weight, is apparition frequencies of keywords divided with amount of words in web page.
Keyword Prominence
The words (in certain part of your web page) which have more important values for search engines.
Search Engines Optimization
enriching web page with appropriate keywords or phrases keyword before submit it to search engines.

While the tags are:

<DL>
<DT>Keyword Density
<DD>also called Keyword Weight, is apparition frequencies of keywords divided with amount of words in web page.
<DT>Keyword Prominence
<DD>The words (in certain parts of your web page) which have more important values for search engines.
<DT>Search Engines Optimization
<DD>enriching web page with appropriate keywords or phrases keyword before submit it to search engines.
</DL>


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "List in HTML"