Showing posts with label HTML Unordered list. Show all posts
Showing posts with label HTML Unordered list. Show all posts

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: