Таблица является одним из вариантов "скелета" страницы. Большинство страниц построены именно на таблицах. Потому лучше отнестись к этому уроку довольно серьёзно.
Тег <table> - парный дескриптор(<table>...</table>) который задает общий вид всей таблицы. Параметры этого дескриптора:
align- горизонтальное выравнивание таблиці относительно окна браузера.
left(значение по умолчанию) - выравнивание по левому краю.
right - по правому.
center - по центру.
background - фоновый рисунок таблицы.(Значением этого параметра является URL-адрес картинки).
bgcolor - цвет фона (#RRGGBB или мнемоническое имя(red, green, yellow и т.д.).
border - толщина рамки(в пикселях).
bordercolor - цвет рамки (#RRGGBB или мнемоническое имя(red, green, yellow и т.д.).
С помощью двух следующих параметров делается эффект обьемности у рамки.
bordercolordark - цвет нижней и правой границ рамки (как вы наверно уже догадались этот цвет лучше, что б был темнее, чем описанный дальше).
bordercolorlight- цвет верхней и левой границ рамки.
cellpadding - расстояние между рамкой и содержимым ячейки (задается в пикселях).
cellspacing- расстояние между рамками ячеек (задается в пикселях).
frame - Определяет параметры внешнего обрамления.
Возможные значения параметра:
above - над ячейками.
below - под ячейками
hsides - над и под ячейками.
lhs- слева от ячеек.
vhs - справа от ячеек.
vsides -слева и справа от ячеек.
border или box(по умолчанию) - вокруг ячейки.
void - только границы между ячейками, но не рамка всей таблицы(если указан параметр border).
height- высота таблицы (в пикселях или процентах).
width - длина таблицы (в пикселях или процентах).
rules - частичное отображение рамки таблицы.
Возможные значения параметра:
all- вокруг всех ячеек независимо от наличия параметра border.
cols - между столбцами.
none - только вокруг таблицы.
rows- между строками.
Строчечки у нашей таблицы размечаются с помощью с помощью вложенного в <table>...</table>парного тега<tr>...</tr>. У тега<tr>большинство параметров являются общими с таблицей:
align
background
bgcolor
border
bordercolor
bordercolordark
bordercolorlight
height
А вот новые параметры:
valign- Вертикальное выравнивание содержимого относительно границ строки.
Возможные значения параметра:
top - По верхнему краю.
middle - По середине.
bottom - По нижнему краю.
Ячейки в строке размечаются с помощью тега<td>...</td>.
Тут так же очень много общих параметров с таблицей и строчками:
align
background
bgcolor
border
bordercolor
bordercolordark
bordercolorlight
hieght
width
valign
Новых всего лишь три:
colspan- Обьединение столбцов. Указывается количество обьединяемых столбцов(столбцов(ячеек) находящихся после столбца в котором указывается параметр).
rowspan - Обьединение строк. Указывается количество обьединяемых строк.
Так же внутри таблицы можно сделать ячейку-шапку - <th>...</th>.
Возможные параметры: см.<td>
Code
<table cellpadding=3 cellspacing=3 border=1 bordercolor=red width=200>
<tr>
<td>первая ячеечка</td><td>вторая ячеечка</td><td>третья ячеечка</td><td rowspan=2 width=100>и такие ячеечки мы тоже умеем делать</td>
</tr>
<tr>
<td colspan=3>А вот одна длинная ячейка</td>
</tr>
<tr>
<td colspan=4>Поздравляю. Вы теперь можете делать собственные таблицы!</td>
</tr>
</table>
