How To Make Create HTML unordered ordered list with numbers bullets squares

Unordered Lists

An unordered list is a list of items. The list items are marked with bullets (typically small black circles).

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

<ul> <li>One</li> <li>Two</li> </ul>

Here is how it looks in a browser:

• One
• Two

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

Ordered Lists

An ordered list is also a list of items. The list items are marked with numbers.

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

<ol> <li>One</li> <li>Two</li> </ol>

Here is how it looks in a browser:

1. One
2. Two

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

Definition Lists

A definition list is not a list of items. This is a list of terms and explanation of the terms.

A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.

<dl> <dt>One</dt> <dd>Black hot drink</dd> <dt>Two</dt> <dd>White cold drink</dd> </dl>

Here is how it looks in a browser:

One

Black hot drink

Two

White cold drink

Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks, images, links, other lists, etc.

List Tags