HTML Lists - TriCker'S HoUse

Lists

HTML Lists

Making a Bulleted List

Unordered List

Sometimes you want to make a list in the web page. 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 tag. Each list item starts with the tag. A list starts and ends with the"unordered" list tags:

<ul></ul>

The ul stands for “unordered list”, it will give you bulleted text, you know, a dot beside the text. The opening ul tag starts the list and the closing ul tag ends the list, in between goes the text surrounded by the opening and closing is called "list item". The syntax for it is as following.

<li></li>

Example:

<ul>

<li>Beagle</li>
<li>Terrier</li>
<li>Chihuahua</li>

</ul>

Result:

Beagle
Terrier
Chihuahua

Any number of items can be added to the list as long as they are enclosed by the opening and closing li tags. And that's how to make a list, let's now move on to making tables, don't worry no carpentry skills required.

HTML Lists Video:

An Ordered List

An ordered list is also a list of items. These list items are marked with numbers. An ordered list starts with the tag. Each list item starts with the

1. tag.

1. Coffee

2. Milk

Here is how it looks in a browser: 1. Coffee 2. Milk Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

Definition List

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 tag. Each definition-list term starts with the tag. Each definition-list definition starts with the tag.

Coffee

Black hot drink

Milk

White cold drink

Here is how it looks

For more Information visit: w3schools