Unordered Lists

An Unordered Lists is a bulleted list of items, which enables you a customized view of a bullets. An unordered list does not have numbers.


 
Ads

Unordered Lists

     

An Unordered Lists is a bulleted list of items, which enables you a customized view of a bullets. An unordered list does not have numbers. This list can be created inside <url> tags. The names which you want to displayed are enclosed within <li>tags.

Understand with Example

The Tutorial want to describe you a code that helps you to understand Unordered Lists. In this example, the code illustrates an Unordered Lists example, The list of steps are to be carried out as follows :

 <ul> : The opening tag begins with <ul>

 <lh> :The <LH> follows, this is an optional list header (<LH>caption</LH>) 

  <li> : This is used to display list of items in it:

<ul>
<li>Hi</li>
<li>Hello</li>
</ul>

Now save the file with extension .html. Usually, all the browsers support html code. Now paste the path of html code into a url of your supporting browser. On execution, the code is displayed in the web browser as

In the web browser it will come out like-

  • Hi
  • Hello  

 

Ordered Lists

An ordered list is a bulleted list of item with numbering. It can be created by using <ol>  instead of <ul>  tags.

List of items:

<ol>
<li>Hi</li>
<li>Hello</li>
<li>Bye</li>
<li>Busy</li>
</ol>

In the web browser it will come out like

Definition Lists

A definition list include the definition  listed elements.

 <dl> : A definition list start with <dl> tag. 

 <dt>: This include definition-list term.

<dd>:This contains definition-list definition.

<dl>
<dt>Mango</dt>
<dd> fruit</dd>
<dt>Coffee</dt>
<dd>Hot drink</dd>
</dl>

 

In the web browser it will come out like-

Mango
  fruit
Coffee
Hot drink

 

  
Ordered list


Definition list

Unordered list

Advertisements

Share on Google+Share on Google+

Unordered Lists

Posted on: December 3, 2008 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Advertisements

 

Discuss: Unordered Lists  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0

Ads

 

Ads