Saturday, April 14, 2012

HTML Beginner tutorial 13 : HTML Lists

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).
For Example

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


How the HTML code above looks in a browser:
  • Coffee
  • Milk

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.
For Example

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

How the HTML code above looks in a browser:
  1. Coffee
  2. Milk
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). For Example

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

How the HTML code above looks in a browser:
Coffee
- black hot drink
Milk
- white cold drink
Inside a list item you can put text, line breaks, images, links, other lists, etc.

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

HTML Beginner tutorial 14 : HTML Frames  >>
<<  HTML Beginner tutorial 12 : HTML Tables

No comments:

Post a Comment