Monday 30 June 2014

HTML Lists!!


1. Unordered list
2. Ordered list
3. Description Lists

HTML Unordered Lists:
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The element has a start tag <ul> and an end or closing tag </ul>.
The element has a start tag <li> and an end or closing tag </li>.

Example:
<ul>
<li>Online</li>
<li>Web Coach</li>
</ul>

Output:
  • Online
  • Web Coach


HTML Ordered Lists:
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The element has a start tag <ol> and an end or closing tag </ol>.
The list items are marked with numbers.

Example:
<ol>
<li>Online</li>
<li>Web Coach</li>
</ol>

Output:
  1. Online
  2. Web Coach


HTML Description Lists:
A description list is a list of terms/names, with a description of each term/name.

The <dl> tag defines a description list it's start tag <dl> and an end or closing tag </dl>.

<dt> defines terms or names start tag <dt> and an end or closing tag </dt> and <dd> describes each term or name start tag <dd> and an end or closing tag </dd>:

Example:
<dl>
<dt>Online</dt>
<dd>- Web Coach</dd>
<dt>HTML</dt>
<dd>- p, a, b</dd>
</dl>

Output:
Online
- Web Coach
HTML
- p, a, b




If your need help please watch this video:

No comments:

Post a Comment