Lists in HTML
Type 1 Type 2 Type 3
Ordered List Unordered List Description List
or Numbered or Bulleted or Definition
List (ol) List (ul) List (dl)
ETL LABS PVT LTD – PHP 149
Ordered List or Numbered
List
In the ordered HTML lists, all the list items
24
5
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.
ETL LABS PVT LTD – PHP 150
Unordered List or Bulleted List
In HTML Unordered list, all the list items are
25
5 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.
ETL LABS PVT LTD – PHP 151
Description List or Definition
List
The definition list is very appropriate when you
want to present glossary, list of terms or other
name-value list.
26
5
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).
ETL LABS PVT LTD – PHP 152
Division tag
27
5 A section in a document that will have a light blue
background color:
ETL LABS PVT LTD – PHP 153
<span> Tag
The <span> tag is used to group inline-elements
in a document.
<p>
The <span> tag provides no visual change by My mother has <span
28
5 style="color:blue">blue
itself.
</span> eyes.
</p>
The <span> tag provides a way to add a hook to
a part of a text or a part of a document.
A <span> element used to color a part of a text
ETL LABS PVT LTD – PHP 154