knowledgediarybd.com

Your Virtual Knowledge Campus







HTML LIST

HTML LIST

List  is an important element in web design. HTML List can be used in various section  during design a web page.

Dear  reader here,I will discuss how many types of List  item are exit in HTML and how to declare HTML List. I hope  that will be helpful for your better experience in the field of HTML List.

HTML List:

HTML LIST may be following three types:

1. Unordered List

2. Ordered List

3. Images List

1. Unordered List:

unordered list item marker are defines in the following way:

<ul >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ul>

Here beginning tag<ul>stand for unordered list and </ul> is an  ending tag of  unordered list.

For Example:

<html>
<head>

</head>

<body>
<p>An Example of unordered list:</p>

<ul >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ul>

<ul >
<li>Australia</li>
<li>Japan</li>
<li>pakistan</li>
</ul>

</body>
</html>

Output of the above code:

list

2. Ordered List

Ordered list item marker are defines in the following way :

Here beginning tag<ol>stand for ordered list and </ol> is an  ending tag of ordered list.

 <ol >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ol>

Here beginning tag<ol>stand for ordered list and </ol> is an  ending tag of ordered list.

For Example:

<html>
<head>

</head>

<body>
<h2>An Example of ordered list:</h2>

<ol >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ol>

<ol >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ol>
<ol >
<li>Australia</li>
<li>Japan</li>
<li>pakistan</li>
</ol>

</body>
</html>

Output of the above code:

ol

3.Images List:

images list item marker are defines in the following way:

ul
{
list-style-image: url(‘circle.jpg’);
}

For Example:

<html>
<head>
<style>
/*internal css*/

ul
{
list-style-image: url(‘circle.jpg’);
}
</style>
</head>

<body>
<h2> An Example of images list:</h2>

<ul >
<li>Bangladesh</li>
<li>America</li>
<li>India</li>
</ul>
</body>
</html>

Output of the above code:

ima

 

Related Post or you may Like:

1.Introduction of HTML5 & HTML

2.List of Best HTML Editors

3.HTML Forms Design and Building

4.HTML Elements Properties And Attributes

5.HTML Table Generation Tutorial and Example

knowledgediarybd.com © 2017
shares