*** This is my practice website to learn and practice HTML, using Microsoft Step By Step book, by Faithe Wempen. ***

Lists

Basic information

Opening tag for two types of lists: bulleted (using <ul>) and numbered (using <ol>); close list with </ul> or </ol> corresponding tag.
Each line item has a <li> </li> tag

<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol>

1. First Item
2. Second Item
3. Third Item

Bullet Styles

This list uses the opening tag: <ul style="list-style-type: square">

• disc (default): filled circle
• circle: unfilled circle
• square: filled square

Number styles

This list uses the opening tag: <ol style="list-style-type: upper-alpha">

1. decimal: 1, 2, 3, 4 (default)
2. decimal-leading-zero: 01, 02, 03, 04
3. lower-roman: i, ii, iii, iv
4. upper-roman: I, II, III, IV
5. lower-alpha: a, b, c, d
6. upper-alpha: A, B, C, D
7. none: (nothing)

Definition lists

Use <dl> to open the list, <dt> for the word being defined, and <dd> for the definition. (Each are two-sided tags)
Example:
<dl>
<dt>Color depth</dt>
<dd>Full color is 24-bit; if a graphic has more bits than that, the extra bits are used to further define the color and/or to set special image attributes, such as transparency.</dd>
<dt>Compression/file size</dt>
<dd>Lossless compression makes a file smaller without losing any image quality; lossy compression shrinks a file at the expense of some quality.</dd>
<dt>Animation</dt>
<dd>Simple animations displayed on a Web page are usually animated graphics rather than video clips.</dd>
<dt>Transparency</dt>
<dd>Some graphic formats can make an image background appear transparent so that when you place the image in a document with text, the text wraps around the image.</dd>
</dl>

Result:

Color depth

Full color is 24-bit; if a graphic has more bits than that, the extra bits are used to further define the color and/or to set special image attributes, such as transparency.

Compression/file size

Lossless compression makes a file smaller without losing any image quality; lossy compression shrinks a file at the expense of some quality.

Animation

Simple animations displayed on a Web page are usually animated graphics rather than video clips.

Transparency

Some graphic formats can make an image background appear transparent so that when you place the image in a document with text, the text wraps around the image.