List Tags in HTML

Unordered Lists (<ul>)

The <ul> tag is used to display an unordered list.

The browser presents the items of an unordered list in bullets.

List item (<li>)

The <li> tag is used to display the items in a list.

For Example:
<ul>
<li>HTML and CSS</li>
<li>Web Design Simplified</li>
<li>Web Development for Beginners</li>
</ul>

Type Attribute

This attribute lets you specify the type of bullet to be used.

The values for the type attribe are:

• Disc - Filled circle bullet

• Circle - Non-filled circle bullet

• Square - Filled square bullet

The default value of type attribute is disc.

Ordered Lists (<ol>)

The <ol> tag is used to display an Ordered list.

The ordered list is used to specify the order of the items in a list.

List item (<li>)

The <li> tag is used to display the items in a list.

For Example:
<ol>
<li>HTML and CSS</li>
<li>Web Design Simplified</li>
<li>Web Development for Beginners</li>
</ol>

Type Attribute

This attribute lets you specify the type of number style to be used.

Number Style	Description	Example
a	Lower case letters	a,b,c,...
A	Upper case letters	A,B,C,...
i	Lower case Roman Numerals	i,ii,iii,...
I	Upper case Roman Numerals	I,II,III,...
1	Numbers	1,2,3,...

The default value of type attribute for ordered list is numbers.

Start Attribute

This attribute lets you specify the list number from where the numbering of the list should begin.

For Example: If you type <ol start ="45">, the numbering of the ordered list will start from 45.

The default start value is 1.

Definition Lists (<dl>)

The <dl> tag is used to present a list of definitions.

It contains pairs of DT(Definition Term) and DD(Definition Description) elements.

For Example:

---

Nested List

A list is called as a Nested List when it is created within a list.

In other words, lists can be embedded within other lists.

Lists are embedded within other lists by typing it within the <li> tag.

You can also embed other elements like paragraphs, headings, hyperlinks, images, etc. within a list.