Web Tutorials

</>   HTML Tutorial

HTML Forms

Tables

Form Practicals

Practicals

HTML

Hypertext Markup Language

List

Definition:

HTML has three basic forms of Lists

  1. Ordered list (<ol>)
  2. Unordered list (<ul>)
  3. Definition list (<dl>)
  • Ordered list: In the ordered HTML lists, all the list items are marked with numbers by default. It is known as numbered list also. The ordered list starts with <ol> tag and the list items start with <li> tag. </li>
  • Unordered list: In HTML Unordered list, all the list items are marked with bullets. It is also known as bulleted list also. The Unordered list starts with <ul> tag and list items start with the <li> tag. </li>
  • Definition list: The HTML Definition list is also a list style which is supported by HTML and XHTML. It is also known as definition list where entries are listed like a dictionary or encyclopedia.

The HTML definition list contains following three tags:

  1. <dl> tag defines the start of the list.
  2. <dt> tag defines a term.
  3. <dd> tag defines the term definition (description).
Example
<html> <head>
<title>Skillpundit</title>
</head>
<body>
List-type:  "1"
<ol> <li>America</li>
<li>Russia</li>
<li>India</li>
<li>Germany</li>
 </ol>
List-type:  "a"
<ol type="a"> <li>Andhra Pradesh</li>
<li>Telangana</li>
<li>Assam</li>
<li>Bihar</li>
 </ol>
List-type:  "i"
<ol type="i"> <li>Richest Persons</li>
<li>wonders</li>
<li>Scientists</li>
<li>Inspired persons</li>
 </ol>
List-type:  "square"
<ul type="square">
<li>Indian Presidents</li>
<li>Army</li>
<li>Agriculutre</li>
<li>Freedom fighters</li> </ul>
List-type:  "circle"
<ul type="circle">
<li>C-Language</li>
<li>Java</li>
<li>PHP</li>
<li>Python</li> </ul>
List-type:  "dl"
<dl>
<dt>HTML</dt>
<dd>is a markup Language</dd>
<dt>Java</dt>
<dd>is a Programming Language </dd> </dl>
 </body>
 </html>
Output
List-type:  "1"
  1. America
  2. Russia
  3. India
  4. Germany
List-type:  "a"
  1. Andhra Pradesh
  2. Telangana
  3. Assam
  4. Bihar
List-type:  "i"
  1. Richest Persons
  2. wonders
  3. Scientists
  4. Inspired persons
List-type:  "square"
  • Indian Presidents
  • Army
  • Agriculutre
  • Freedom fighters
List-type:  "circle"
  • C-Language
  • Java
  • PHP
  • Python
List-type:  "dl"
HTML
is a markup Language
Java
is a Programming Language