Lists & Tables

Ordered and Unordered Lists

There are two types of list tags in HTML:<OL> and <UL>. <OL> stands for "ordered list." An ordered list has numbers or letters next to each list item. The default for <OL> is numeric bullets (like 1, 2, 3, etc.)

<OL>

<LI> ... </LI>

</OL>

By modifying the <OL> tag with "TYPE", you can change the type of "numbers" that appear next to each list item:

<OL TYPE = "A">: A, B, C, etc.
<OL TYPE = "a">: a, b, c, etc.
<OL TYPE = "I">: I, II, III, etc.
<OL TYPE = "i">: i, ii, iii, etc.

<UL> stands for "unordered list." An unordered list has bullets next to each list item. The default for <UL> is a black circle (disc), however, like with <OL>, you can choose different bullet types using the TYPE modifier.

<OL TYPE = "circle">: circle outlines
<OL TYPE = "square">: black squares

Tables

Tables are also a useful tool in web design, both to organize information and to create layouts. Tables are bounded by the <TABLE> tags. Each row in a table is bounded by the <TR> tags, and each cell in a row is bounded by the <TD> tags.

There are many modifiers for the <TABLE>, <TR>, and <TD> tags that can be used to personalize a table format.

<TABLE CELLPADDING=number> creates a kind of margin within each cell
<TABLE CELLSPACING=number> creates a gap between cells
<TABLE BORDER=number> creates a border around each cell of number pixels
<TABLE WIDTH=number> sets the width of the table
<TABLE HEIGHT=number> sets the height of the table
<TD ROWSPAN=number> merges number vertically adjacent cells into one
<TD COLSPAN=number> merges number horizontally adjacent cells into one

Other modifiers can be added or CSS can be used to change colors or make other formatting changes as well.

Sources

Tables in HTML Documents
Lists in HTML Documents