Scribd
Upload
9 views14 pages

Using Different Tags

The document explains the structure and usage of HTML lists, including unordered (bulleted) and ordered (numbered) lists, as well as description lists. It details the relevant HTML tags for creating these lists and discusses variations in ordered lists using different numbering formats. Additionally, it introduces the concept of nested lists, which are lists contained within other lists.

Uploaded by

Vidyashankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views14 pages

Using Different Tags

The document explains the structure and usage of HTML lists, including unordered (bulleted) and ordered (numbered) lists, as well as description lists. It details the relevant HTML tags for creating these lists and discusses variations in ordered lists using different numbering formats. Additionally, it introduces the concept of nested lists, which are lists contained within other lists.

Uploaded by

Vidyashankar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

Ordered and Unordered Lists

V.VIDYASHANKAR
HTML Unordered or Bulleted
List
In an HTML unordered list, the list items have no specific
order or sequence.
An unordered list is also called a Bulleted List, as the items
are marked with bullets.
It begins with the <u1> tag and closes with a </u1> tag
The list items begin with the <li> tag and end with </li>
tag
Code Example – Unordered List
HTML Ordered or Numbered
List
In HTML, all the list items in an ordered list are marked
with numbers by default instead of bullets
An HTML ordered list starts with the < ol > tag and
ends with the </ ol > tag
The list items start with the < li > tag and end with the
< / li > tag
Code Example – Ordered List
Different types of Ordered Lists
in HTML
Instead of numbers, one can mark the list items with
the alphabet, A,B, C or a,b,c or Roman numerals i, ii, or
iii
One can do this by using the < ol > tag
One can have variations like upper case and lower case
Code Example – Different Types
of Ordering
Code Example – Different types
of Ordering 2
Code Example – Different Types
of Ordering 3
HTML Description List or Definition List

Each item in the description list has a description and one


can use a description list to display items like a glossary
We need the following tags to make a description list
<dl> (Definition) list tag – Start tag of the definition list
<dt> (Definition Term) tag – It specifies a term ( name )
<dd> tag (Definition Description) – Specifies the term
definition
</dl> tag ( Definition list ) – Closing tag of the definition list
Code Example – Different Types
of Ordering 4
Nested Lists -
An HTML Nested List refers to a list within another list.
One can create a nested ordered list, a nested
unordered list or a nested ordered list inside an
unordered list
Code Example – Nested
Ordered List
Code Example – Nested
Ordered Lists 2

You might also like