Lists In Html

Html Lists:

Unordered Lists in Html:

<ul> tag is used for unordered list.<li> tag is used to start list item.
Small black circles or bullets are used to mark list items.

Example:

The Style Attribute - Unordered Html Lists:

To define style of marker,style attribute can be added to unordered list.

Disc:

Circle:

Square:

None:

Ordered Lists Of html:

<ol> tag is used for an ordered list.<li> tag is used when each item starts.
In the list items will have numbers.

Example:

Type Attribute - Ordered Html Lists:

In oreder to define type of marker,a type attribute can be added to ordered list.

Numbers:

Uppercase Letters:

Lowercase Letters:

Uppercase Roman:

Lowercase Roman:

Description Lists Of Html:

Description list is also supported by html.
<dl> tag defines description list,<dt> tag defines name,<dd> tag describe each term.

Example:

Nested Html Lists:

Lists can be nested means that lists inside list.

Example:

Horizontal lists in Html:

Lists can be styled in many ways using CSS.
You can use style to display horizontally.

Example:

By some simple work you can also make it look like menu.

Example: