Создание веб-сайтов

Простые таблицы
. . .
толщина рамки
Вася
Петров
table row
(строка)
table data
(ячейка с данными)

Заголовки таблиц
месяц
январь
февраль
март
table header
(заголовок)
жирный, по центру

Объединение ячеек – столбцы
месяц
январь
февраль
март
column span
(охват столбцов)

Объединение ячеек – строки
Привет,
Вася!
Петя!
Коля!
row span
(охват строк)

Табличная вёрстка
Самая большая страна
Западной Европы.
Франция
Париж
скрытая таблица!

Вложенные таблицы
Вася
Петя
Маша
Даша
1
22
333
4444

Размеры
...
ширина в пикселях или в % от ширины окна браузера
высота в пикселях
...
всей таблицы:
строки:
ячейки:
...
ширина в пикселях или в % от ширины таблицы

Размеры (через CSS)
table.spec {
width: 60%;
height: 300;
}
table.spec tr {
height: 50px;
}
всей таблицы:
строки:
ячейки:
table.spec td.qq {
width: 25%;
height: 50px;
}
...

Выравнивание
valign="top">
по центру,
по верхней границе
width="200">по правой границе,
по середине
...
всей таблицы:
информации в ячейках:
left,
center,
right
left,
center,
right
top,
middle,
bottom

Выравнивание (через CSS)
По центру,
по верхней границе
По правой
границе, по середине
table.ex tr.centop {
text-align: center;
vertical-align: top;
height:100px;
}
table.ex td.rmid {
text-align: right;
vertical-align: middle;
width:200px;
}
left,
center,
right
top,
middle,
bottom

Фон и цвет текста (через CSS)
Привет!
Таблица
из двух строк
и двух столбцов
table.qq td {
background: green;
}
table.qq tr.spec td {
background: blue;
color: white;
}
table.qq tr.spec td.r {
background: red;
}
table.qq td.pic {
background: url("web.jpg");
}
цвет фона
рисунок

Отступы
bgcolor = blue>
= white>
1
2
интервал между ячейками
отступ внутри ячеек
cellspacing
cellspacing
cellpadding
cellpadding = white>