*** 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">

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.

Back to the top