<html>
<head>
<title>Название документа</title>
</head>
<body>
< !-- левый ярлык с параметрами для
начала таблицы -->
<table boarder=1 cellpadding=3 cellspacing=3>
<!-- заглавление таблицы и размер
заглавления-- >
<caption align=top >Название таблицы
</caption>
<tr>
<td>.....</td>
<td>.....</td>
<td>.....</td>
</tr>
<tr>
<td>.....</td>
<td>.....</td>
<td>.....</td>
</tr>
<tr>
<td>.....</td>
<td>.....</td>
<td>.....</td>
</tr>
</table>
</body>
</html>
Этот пример -
типичная таблица. Итак, определение
таблицы начинается с ярлыка
<table>, а заканчивается </table>.
Дополнительные параметры,
вписаные в левый ярлык, придают
таблице специфический вид. Так,
параметр BORDER (граница) определяет
ширину рамки таблицы по периметру (
ширина рамки выражается в пикселях
). Если этот параметр отсутствует,
то таблица не будет иметь внешней
окантовки. CELLSPACING определяет
толщину разделительных перегородок
между ячейками, а CELLPADDING определяет
пространство между ячейками и её
данными. Поэкспериментировав с
цифрами, вы можете получить весьма
занятные конфигурации таблиц. Кроме того, вы можете вставлять и стандартные параметры, о которых говорилось в уроке 1. Например bgcolor="#000000" даст вам таблицу с чёрным фоном, а bordercolor="#cccccc" даст вам серую рамку. Эти параметры можно применять и отдельно для каждой ячейки.
Между ярлыками
<caption> и </caption> ( заглавие )
располагается название таблицы , но
этот ярлык вставлять не
обязательно. В левом ярлыке
<caption> вы видели, что слово ALIGN
приравненно к значению TOP( верх ).Это
значит , что надпись будет будет
распологаться над таблицей.При
желании мы могли поставить ALIGN в
значение BOTTOM ( низ ). Так же ALIGN имеет
значения CENTRE ( по центру ), LEFT ( слева
), RIGHT( справа ).
Далее для
определения таблицы необходимо
описать каждый её ряд.В нашем
примере таблица имеет 3 ряда и 3
колонки, соответственно 3 блока
описания , т.к. мы описываем ряды.
Каждый ряд описывается в пределах
ярлыка <tr>..</tr>Между ярлыками
<td>...</td> следует располагать
данные одной ячейки ( в нашем
примере 3 ячейки в одном ряду, и
поэтому в каждом блоке 3 раза
встречается ярлык <td>).Таким
образом каждая ячейка описывается
отдельно.
HTML даёт вам возможность создавать так называемые "неправильные" таблицы. Например вы можете создать вот такую таблицу:
ячейка 1
|
ячейка 2
|
ячейка 3
|
Такого эффекта можно добиться с помощью параметра отдельной ячейки : colspan=" " или rowspan=" " .Этой теме будет предоставлена отдельная статья.
Вот и все азы,
чтобы составить элементарную
таблицу на вашей странице. Конечно в
таблице имеются доп. ярлыки ( см . Список
ярлыков ).