Pages

Thursday, July 8, 2010

:: HTML Elements Part 10 ::

HTML Lists

HTML Lists offers authors several mechanisms for specifying lists of information. All lists must contain one or more list elements.

For example

<html>
<head>
<title> The tenth lesson </title>
</head>
<body>
<br>Unordered List
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<br>Ordered List
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<br>Definition List
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>

Lists may contain:
  • Unordered information.
  • Ordered information.
  • Definition information
HTML Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.The list items are marked with bullets (typically small black circles).

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

HTML Ordered Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.The list items are marked with numbers.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

HTML Definition Lists

A definition list is a list of items, with a description of each item.The <dl> tag defines a definition list.The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Conclusion


HTML List Tags

Tag Description
<ol> Defines an ordered list
<ul> Defines an unordered list
<li> Defines a list item
<dl> Defines a definition list
<dt> Defines an item in a definition list
<dd> Defines a description of an item in a definition list


1 comments:

uratmata said...

one of the things as a programmer is taking into consideration user experience (effects how users feel about ur application/site).

so my 2cents advice: keep your site quiet. nobody likes songs jumping into their ears unless they want it. :D