HTML List November 26, 2015 Learn HTML notes

1.HTML can support ordered, unordered, and custom lists

2. Unordered list

An unordered list is a list of items that are marked with a bold dot (typically a small black circle).

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

<ul><li>Coffee</li><li>Milk</li></ul>

The browser appears as follows:

• Coffee
• Milk

Within a list item, you can use paragraphs, line breaks, pictures, links, and other lists, and so on.

3. Ordered list

Similarly, a sequence table is a list of items that are marked with numbers.

The sequence list starts with the <ol> tag. Each list item starts with the <li> label.

<ol><li>Coffee</li><li>Milk</li></ol>

The browser appears as follows:

1. Coffee
2. Milk

Within a list item, you can use paragraphs, line breaks, pictures, links, and other lists, and so on.

4. Defining the list

A custom list is not just a column of items, but a combination of items and their annotations.

The custom list starts with the <dl> tag. Each custom list item starts with <dt>. The definition of each custom list item starts with <dd>.

<dl><dt>coffee</dt><dd>black Hot drink</dd><dt>milk</dt><dd> White Cold drink</dd></dl>

The browser appears as follows:

Coffee

Black Hot Drink

Milk

White

cold Drink

You can use paragraphs, line breaks, pictures, links, and other lists inside a list item that defines a list, and so on.

HTML List November 26, 2015 Learn HTML notes