ОПИСАНИЕ ПАРАМЕТРОВ ТАБЛИЦ В ЯЗЫКЕ HTML

 Изменение размера шрифта  
  + - Вернуться на страницу учебника по HTML и CSS

Параметры тега <TABLE>

WIDTH=? Ширина таблицы, устанавливается в пикселях или в процентах
BORDER=?> Ширина бордюра (рамки), устанавливается в пикселях
ALIGN =? Горизонтальное выравнивание таблицы: LEFT, RIGHT или CENTER
CELLSPACING =? Промежуток между ячейками, устанавливается в пикселях.
CELLPADDING =? Промежуток между границей, и содержимым ячейки.

Таблица может иметь заголовок, который заключается в пару тегов <CAPTION> и </CAPTION>. Описание заголовка должно располагаться сразу после тега <TABLE> и до первого тега <TR>. В теге <TABLE> можно указывать и некоторые параметры, которые присутствуют в теге <BODY>, то есть - установка фонового рисунка, цвета фона. В тегах <TD> и <TR> (см. ниже) тоже можно это делать.


Как установить параметры ячейки.

Можно устанавливать параметры, как всей таблицы, так и определённой ячейки (то есть цвет ее границы, размер и. т.д.):

Пример 1 

<HTML>
<head>
<TITLE>Таблица</TITLE>
</HEAD>
  <BODY>
  <TABLE border=1>
  <TR> 
  <TD HEIGHT =100 WIDTH=200>Петя</TD> <TD>Живёт в Киеве,
  любит пирожки!</TD> 
  </TR> 
  <TR>
  <TD >Сергей </TD> <TD>Живёт в Москве, любит футбол!</TD>
  </TR> 
  </TABLE>
  </BODY>
  </HTML>

Параметр HEIGHT- устанавливает высоту ячейки, а WIDTH - ее ширину. Остальные ячейки этой строки подстраиваются под фиксированную ширину или высоту.

Таблица примера 1

Петя Живёт в Киеве, любит пирожки!
Сергей Живёт в Москве, любит футбол!

Некоторые параметры тега <TD>

WIDTH Ширина ячейки, она должна быть согласована с шириной остальных ячеек данного столбца.
HEIGHT Высота ячейки, она не должна быть согласована с высотой остальных ячеек данной строки.
ALIGN Горизонтальное выравнивание: CENTER, LEFT, RIGHT (по центру, левому и правому краю).
VALIGN Вертикальное выравнивание: TOP, MIDDLE, BOTTOM, BASELINE.
ROWSPAN Сколько строк объединяет ячейка.
COLSPAN Сколько столбцов объединяет ячейка.
NOWRAP Подавление переноса слов в ячейке.


Tеги ROWSPAN и COLSPAN обеспечивают объединение строк и столбцов соответственно. Численное значение параметров соответствует числу объединяемых строк (или столбцов). Пример 2 иллюстрирует объединение ячеек таблицы.

Пример 2 

<HTML>
<HEAD>
<TITLE>Таблица</TITLE>
</HEAD>
<BODY>
<TABLE border=1>
  <TR> 
  <TD ALIGN="CENTER" COLSPAN=2>Цены</TD> 
  </TR> 
  <TR> 
  <TD>10$ </TD> <TD>Фотопортрет</TD> 
  </TR>
  <TR> 
  <TD>36$</TD><TD>CDROM с документацией по HTML</TD>  
  </TR> 
  </TABLE>
</BODY>
</HTML>

Таблица примера 2

Таблица
Цены
10$ Фотопортрет
36$CDROM с документацией по HTML