Отступы

Тэг <TABLE> позволяет задать два вида отступов:

  • CELLSPACING — расстояние между границами соседних ячейками
  • CELLPADDING — расстояние между границами ячейки и ее содержимом

Например:

<TABLE CELLSPACING="5" CELLPADDING="10">

Размеры

Каждый из тэгов <TABLE>, <TR> и <TD> имеет параметры, задающие размеры в пикселях или в процентах от общей высоты или ширины. По умолчанию каждой ячейке отводится минимальное место, необходимое для размещения всей информации.

Параметры WIDTH и HEIGHT тэга <TABLE> обозначают общую ширину и высоту таблицы. Например таблица:

<TABLE WIDTH="50%" HEIGHT="300">

должна занимать 50 процентов ширины окна браузера и иметь высоту 300 пикселов. Однако если вся нужная информация не поместится в эту область, таблица будет расширена (чаще всего увеличивается ее высота).

Параметр HEIGHT тэга <TR> задает высоту строки таблицы в пикселах или в процентах от общей высоты таблицы. Например строка:

<TR HEIGHT="30">

должна иметь высоту 30 пикселов. Однако если вся нужная информация не поместится в эту область, ее высота будет увеличена.

Параметры WIDTH и HEIGHT тэга <TD> обозначают ширину и высоту ячейки таблицы. Например ячейка:

<TD WIDTH="50" HEIGHT="30">

должна иметь ширину 50 и высоту 30 пикселов. Однако если вся нужная информация не поместится в эту область или эти размеры не стыкуются с другими, эти команды не выполняются.

Выравнивание

Для строки или для отдельной ячейки можно задать два параметра, которые обеспечивают выравнивание информации в ячейках по горизонтали (параметр ALIGN) и по вертикали (VALIGN). Параметр ALIGN может принимать значения

  • left — по левой границе
  • right — по правой границе
  • center — по центру

Параметр VALIGN может принимать значения

  • top — по верхней границе
  • bottom — по нижней границе
  • middle — по середиен

Например:

<TR ALIGN="center" VALIGN="top">
<TD>По центру, по верхней границе</TD>
<TD ALIGN="right" VALIGN="middle">По правой границе,
по середине</TD>
</TR>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: