|
List, List and List
|
| There are three kinds of lists in HTML. They are unordered list, oredered list and definition list. |
|
|
Making unordered lists |
|
Unordered lists are lists that are not numbered. Unordered lists have a bullet before each list item. |
| Here is an example: |
| <ul> |
| <li>Orange |
| <li>Apple |
| <li>Pear |
| </ul> |
|
|
|
An unordered list is opened with the <ul> tag. Each item is opened with the <li> tag. The <li> tag does not require the closing tag.
|
|
There are three bullet types for unordered lists. They are disc, circle and square. The default one is bullet. |
| Here is an example: |
| <ul> |
| <li type=disc>The Disc |
| <li type=circle>The Circle |
| <li type=square>The Square |
| </ul> |
|
- The Disc
- The Circle
- The Square
|
|
|
Making ordered list |
| Ordered lists are used to present information in numbered format which is ordered. |
| Here is an example: |
| <ol> |
| <li>This is number one |
| <li>This is number two |
| <li>This is number three |
| </ol> |
|
- This is number one
- This is number two
- This is number three
|
You can modify the look of the bullets by using the type or start attributes in the <OL> tag.
| The type attribute supports the following values: A, a, I, i, or 1. |
| The start attribute specifies at what point to start counting from. |
| <ol type=I> |
| <li>Chapter 1 |
| <li>Chapter 2 |
| <li>Chapter 3 |
| </ol> |
|
- Chapter 1
- Chapter 2
- Chapter 3
|
| <ol type=A start=5> |
| <li>Section E |
| <li>Section F |
| <li>Section G |
| </ol> |
|
- Section E
- Section F
- Section G
|
|
|
Making definition lists |
|
A definition list consists of a definition term and a definition definition. |
| <dl> |
| <dd>WWW |
| <dt>World Wide Web |
| <dd>HTML |
| <dt>HyperText Markup Language |
| <dd>FTP |
| <dt>File Transfer Protocol |
| </dl> |
|
- WWW
- World Wide Web
- HTML
- HyperText Markup Language
- FTP
- File Transfer Protocol
|
|
Each definition term should be followed by the <dt> tag and each definition definition should be followed by the <dd> tag. |
|
The <dt> and <dd> tags should be put between <dl> and </dl> |
|
The <dt> and <dd> tags do not require a closing tag.
|
|
|
