Scribd
Upload
274 views

Lists in HTML

This document describes four different list types in HTML: 1. Ordered lists use the <ol> tag and display items numbered by default using the <li> tag. 2. Unordered lists use the <ul> tag and display items with bullet points using the <li> tag. 3. Definition lists use the <dl> tag to contain terms defined with <dt> and descriptions defined with <dd>. 4. The <span> tag groups inline elements and provides a way to style or identify part of a document without introducing a new block-level element.

Uploaded by

ETL LABS
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
274 views

Lists in HTML

This document describes four different list types in HTML: 1. Ordered lists use the <ol> tag and display items numbered by default using the <li> tag. 2. Unordered lists use the <ul> tag and display items with bullet points using the <li> tag. 3. Definition lists use the <dl> tag to contain terms defined with <dt> and descriptions defined with <dd>. 4. The <span> tag groups inline elements and provides a way to style or identify part of a document without introducing a new block-level element.

Uploaded by

ETL LABS
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

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

You might also like