HTML за... 30 минут!

§9 Как делать таблицы?

    Таблицы, как Вы догадываетесь, используются для упорядоченного представления информации. К тому же иногда бывает трудно добиться размещения картинки в нужном месте, тут без таблиц не обойтись.
    Задание таблицы выглядит следующим образом:

<table
caption='название'
align='***'
width='***'
border='***'
cellpadding='***'
cellspacing='***'
тело таблицы
</table>

    Все элементы описания таблицы кроме <table></table> являются необязательными.
align - выравнивание таблицы на экране. Может быть left, right и center.
width - ширина. Можете указать в пикселях или в процентах от размера окна, например width='500' или width='90%'.
border - толщина рамки между ячейками в пикселях.
cell - от текста до рамки в пикселях.
cellspacing - Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками самых крайних ячеек.

    Строки таблицы задаются следующим образом:

<td
nowrap
rowspan='***'
colspan='***'
align='***'
valign='***'
;width='***'
hight='***'>
тело строки
</td>

    Все атрибуты кроме <td> и </td> являются необязательными.
nowrap - подавляет перенос строк. Эквивалентно использованию непрерывного пробела вместо обычных.
rowspan - целое число строк, перекрываемых ячейкой.
colspan - целое число столбцов, перекрываемых ячейкой.
align - горизонтальное выравнивание внутри ячеек - left, right или center.
valign - вертикальное выравнивание внутри ячеек. top - прижать к верху, middle - по центру, bottom - прижать книзу.

    Ну и собственно ячейки строки задаются следующим образом:

<tr>
align='***'
valign='***'>
данные ячейки
</tr>

    Все атрибуты, включая <tr></tr> являются необязательными. Если не разбивать строку на ячейки, получим одну на всю ширину таблицы. Тот же эффект будет достигнут, если в строке задать одну-единственную ячейку. Но уж если Вы открыли ячейку тегом <tr>, то не забудьте ее и закрыть </tr>.
    Здесь align и valign используются аналогично параметрам строк. Нужны для того, чтобы сделать какую - либо ячейку отличной от своих соседок.

    Можно делить ячейки. Для этого внутри выбранной ячейки задаете новую строку. Можно создать что-то типа эдакого:

<<< Как делать ссылки?                            Фреймы >>>