Редактирование: Элементы HTML (раздел)

=== Таблицы ===
* <code>TABLE</code> — создание таблицы. Параметры тега:
** <code>BORDER</code> — толщина разделительных линий в таблице
** <code>CELLSPACING</code> — расстояние между клетками
** <code>CELLPADDING</code> — отступ от рамки до содержимого ячейки.
* <code>CAPTION</code> — заголовок таблицы (этот тег необязателен)
* <code>TR</code> — строка таблицы
* <code>TH</code> — заголовок столбца таблицы (этот тег необязателен)
* <code>TD</code> — ячейка таблицы
* <code>height</code> — высота таблицы
* <code>width</code> — ширина таблицы
Так, например,

<source lang="html4strict">
<TABLE BORDER="1" CELLSPACING="0">
  <CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>
  <TH> Год </TH> 
  <TH> Улов </TH>
  <TR>
    <TD> 1997 </TD> 
    <TD> 214 </TD>
  </TR>
  <TR>
    <TD> 1998 </TD> 
    <TD> 216 </TD>
  </TR>
  <TR>
    <TD> 1999 </TD> 
    <TD> 207 </TD>
  </TR>
</TABLE>
</source>

Создаст таблицу:

{{начало цитаты}}
<TABLE BORDER="1" CELLSPACING="0">
<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>
<TH> Год </TH>
<TH> Улов </TH>
<TR>
<TD> 1997 </TD> <TD> 214 </TD>
</TR>
<TR>
<TD> 1998 </TD> <TD> 216 </TD>
</TR>
<TR>
<TD> 1999 </TD> <TD> 207 </TD>
</TR>
</TABLE>
{{конец цитаты}}

У тега TABLE есть ещё параметр CELLPADDING. Он определяет расстояние в пикселях между рамкой ячейки и её содержимым. Например, если заменить первую строку таблицы на
<source lang="html4strict"><TABLE BORDER="1" CELLSPACING="0" CELLPADDING="5"> </source>
таблица получится такой:

{{начало цитаты}}
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="5">
<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>
<TH> Год </TH>
<TH> Улов </TH>
<TR>
<TD> 1997 </TD> <TD> 214 </TD>
</TR>
<TR>
<TD> 1998 </TD> <TD> 216 </TD>
</TR>
<TR>
<TD> 1999 </TD> <TD> 207 </TD>
</TR>
</TABLE>
{{конец цитаты}}

Другой параметр тегов <code>TABLE</code>, <code>TR</code>, <code>TH</code>, <code>TD</code> — <code>ALIGN</code>. Он определяет выравнивание. Возможные значения — <code>center</code> (по центру), <code>left</code> (по левому краю), <code>right</code> (по правому краю).

Параметр <code>ALIGN</code> в <code>TD</code> или <code>TH</code> определяет выравнивание для содержимого внутри данной ячейки, в <code>TR</code> — для содержимого всех ячеек строки, <code>TABLE</code> — для самой таблицы на страничке. Для каждой ячейки берётся выравнивание из <code>TD</code> или <code>TH</code>, если оно не задано — из <code>TR</code>, если и оно не задано — по центру для <code>TH</code> или по левому краю для <code>TD</code>.

Например, если заменить первые строки таблицы на
<source lang="html4strict">
<TABLE BORDER="1" CELLSPACING="0" ALIGN="center">
<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>
<TH> Год </TH>
<TH> Улов </TH>
<TR>
<TD> 1997 </TD> <TD ALIGN="CENTER"> 214 </TD>
</source>
таблица получится такой:

{{начало цитаты}}
<TABLE BORDER="1" CELLSPACING="0" ALIGN="center">
<CAPTION> Улов крокодилов в Мумбе-Юмбе </CAPTION>
<TH> Год </TH>
<TH> Улов </TH>
<TR>
<TD> 1997 </TD> <TD ALIGN="CENTER"> 214 </TD>
</TR>
<TR>
<TD> 1998 </TD> <TD> 216 </TD>
</TR>
<TR>
<TD> 1999 </TD> <TD> 207 </TD>
</TR>
</TABLE>
{{конец цитаты}}

{{нет АИ 2|Незакрытые теги '''TD''', '''TR''' и '''TH''' приводят к некорректному отображению, особенно при работе со вложенными таблицами.|5|10|2019}} <!-- стандарт позволяет не закрывать эти теги, проблем не возникает -->