COMPUTER LECTURES

HOME About us HTML ONLINE CODE EDITOR CONTACT US
HTML | LIST ELEMENTS
In HTML there are types of list element tags as:-
  1. Ordered list specifies list iterms using numbers or letters to label each list item start from an index.

  2. Unordered list specifies list items using a bullet for each.

  3. Definition list specifies definition list for identifying each term identifies its definition.

SYNTAX

OPENING TAG CLOSING TAG DESCRIPTION
<ol> </ol> Ordered list
<ul> </ul> Unordered list
<dl> </dl> Definition list

List item Tag in HTML

<ol>Computerlectures | Ordered List</ol>
<ul>Computerlectures | Unordered List</ul>
<dl>Computerlectures | Definition List</dl>

Example : list elements.html

<!DOCTYPE html>
<html>
<head>
<title>Computer lectures | List elements</title>
</head>
<body>
<center>LIST ELEMENTS IN HTML</center>

ORDERED LIST
<ol>
<li>Computer lectures One | This is an ordered list</li>
<li>Computer lectures Two | This is an ordered list</li>
<li>Computer lectures Three | This is an ordered list</li>
<li>Computer lectures Four | This is an ordered list</li>
<li>Computer lectures Five | This is an ordered list</li>
<li>Computer lectures Six | This is an ordered list</li>
<li>Computer lectures Seven | This is an ordered list</li>
<li>Computer lectures Eight | This is an ordered list</li>
<li>Computer lectures Nine | This is an ordered list</li>
<li>Computer lectures Ten | This is an ordered list</li>
</ol>

UNORDERED LIST
<ul>
<li>Computer lectures One | This is an unordered list</li>
<li>Computer lectures Two | This is an unordered list</li>
<li>Computer lectures Three | This is an unordered list</li>
<li>Computer lectures Four | This is an unordered list</li>
<li>Computer lectures Five | This is an unordered list</li>
<li>Computer lectures Six | This is an unordered list</li>
<li>Computer lectures Seven | This is an unordered list</li>
<li>Computer lectures Eight | This is an unordered list</li>
<li>Computer lectures Nine | This is an unordered list</li>
<li>Computer lectures Ten | This is an unordered list</li>
</ul>

DEFINITION LIST
<dl>
<dt>Computer lectures | Identifies each term.</dt>
<dd>Computer lectures | Identifies its definition.</dd>
<dt>Computer lectures | Identifies each term.</dt>
<dd>Computer lectures | Identifies its definition.</dd>
<dt>Computer lectures | Identifies each term.</dt>
<dd>Computer lectures | Identifies its definition.</dd>
</dl>

</body>
</html>

The output on the web broswer

List element