Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials List in HTML
Your Ad Here

List in HTML


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>


Author's URL: Een
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "List in HTML"

Only registered users can write comment

No comments yet...