List Tags


Lists are created in HTML Document via List Tags. You can create Number Lists, Bullet Lists, Order Lists, Unorder Lists and Definition Lists.

1. <ul>


<ul> tag  means unordered list, it defines an unordered list.

Example :


 <!DOCTYPE HTML>


<html>


<head>


<title> Unordered List Example </title>


</head>


<body>


<h1> This is example of Unordered List </h1>




<ul>


<li> First </li>


<li> Second </li>


<li> Third </li>


</ul>


</body>




</html>





Output :

2. <ol>


<ol> tag means ordered list, it defines an ordered list.

Example :


 <!DOCTYPE HTML>


<html>


<head>


<title> Ordered List Example </title>


</head>


<body>


<h1> This is example of Ordered List </h1>




<ol>


<li> First </li>


<li> Second </li>


<li> Third </li>


</ol>


</body>




</html>




Output :

3. <li>


<li> tag defines a list item.

Example :


 <!DOCTYPE HTML>


<html>


<head>


<title> List Example </title>


</head>


<body>


<h1> This is example of  List </h1>




<ol>


<li> First </li>


<li> Second </li>


<li> Third </li>


</ol>


</body>




</html>




Output :

4. <dl>


<dl> tag define description list.

Example :


 <!DOCTYPE HTML>


<html>


<head>


</head>


<body>



<h1>The dl, dd, and dt elements</h1>









<p>The three elements are used to create a
description list:</p>




<dl>



             <dt>Definition
List</dt>


            <dd> dd tag
defines a term/name in a description list. </dd>


</dl>




</body>




</html>




Output :

5. <dt>


<dt> tag defines a term/name in a description list.

Example :


 <!DOCTYPE HTML>


<html>


<head>


</head>


<body>



<h1>The dl, dd, and dt elements</h1>








<p>The three elements are used to create a description list:</p>




<dl>



             <dt>Defines a term in a description list.</dt>


            <dd> dd tag defines a term/name in a description list. </dd>


</dl>



</body>




</html>




Output :

6. <dd>


<dd> tag defines a description of a term/name in a content list.

Example :


 <!DOCTYPE HTML>


<html>


<head>


</head>


<body>



<h1>The dl, dd, and dt elements</h1>








<p>The three elements are used to create a description list:</p>




<dl>



             <dt>Defines a term in a description list.</dt>


            <dd> dd tag defines a term/name in a description list. </dd>


</dl>



</body>




</html>




Output :