4. Оформление таблиц

4.1 Внутренние отступы

К внутренним отступам можно отнести два типа отступов:

1) расстояние между границей ячейки и границей текста. Оно измеряется в пикселях и

^{определяется параметром} cellpadding.

2) в отличие от других, «знакомых» таблиц (например, таблиц Excel или Word), рамки

Web-таблиц двойные – каждая ячейка как бы заключена в собственное окошко. Между соседними

^{окошками обычно имеется некий зазор. Его величина регулируется параметром} cellspacing ^–

^{опять же в пикселях. Например, если присвоить таблице параметры} cellspacing=40 ^и

cellpadding=25^{, то отступ между ячейками составит 40, а между границей и текстом – 25}

пикселей. Код программы:

<H1 align=center> Название фирмы </H1>

<table border=1 cellspacing=40 cellpadding=25>

<tr>

<td>первая строка первый столбец</td>

<td>первая строка второй столбец</td>

</tr>

<tr>

<td>вторая строка первый столбец</td>

<td>вторая строка второй столбец</td>

</tr>

</table>

в браузере это будет выглядеть так (рис.4):

8

Рис.4.

4.2 Рамки таблицы

Основные свойства рамки таблицы: толщина и цвет. За первое свойство отвечает атрибут

border^{, и он определяет толщину рамки в пикселях. Но атрибут} border ^{задает толщину только}

внешней рамки, внутренняя рамка остается тонкой.

^{Цвет рамки может задаваться атрибутом} bordercolor^{. Используя этот атрибут, можно}

закрасить всю рамку

Частичное отображение рамок

Рассмотрим пример: необходимо оставить видимыми только вертикальные границы ячеек,

^{как между газетными столбцами, другие не отображать. В теге} <TABLE> ^{есть два атрибута,}

позволяющие получать различное отображение частей рамок. К сожалению, они работают не во

всех браузерах: это стандарт Internet Explorer.

За отображение рамок отдельных ячеек (при этом внешняя рамка отображается всегда)

^{отвечает атрибут} rules^{, а за отображение разных частей внешней рамки – атрибут} frame^. Эти

^{атрибуты принимают следующие значения. Если атрибут} rules ^{принимает значение} none^, то

отображается только внешняя рамка таблицы. Границы между ячейками становятся невидимыми.

Если нужно, чтобы, кроме того, были видны ещё и границы между строками, используем атрибут

rows^{, а если – между столбцами, то –} cols^{. Обратите внимание, что все это имеет смысл}

только при ненулевом значении атрибута border.

Если ширина рамки будет равна нулю, то границ видно не будет. Если же присвоить

^{атрибуту} frame ^{значение} all^{, то, независимо от значения} border^{, границы всех ячеек будут}

^{видимы. При использовании атрибута} frame ^{подразумевается, что рамка таблицы существует.}

^{Поэтому указывать атрибут} border ^{не обязательно.}

^{Для того чтобы оставить рамку только слева от ячеек, нужно присвоить атрибуту} frame

^{значение} lhs^{, справа –} rhs^{, по обеим сторонам –} vsides^{. Если же требуются горизонтальные}

^{разделители, то нужно воспользоваться значением} above ^{(над ячейками),} below ^{(под ячейками)}

^или hsides ^{(сверху и снизу ячеек). Наконец, значение} void ^{позволяет добиться оригинального}

^{эффекта: если значение атрибута} border ^{указано явно и не равно нулю, становятся видны только}

границы между ячейками, но не рамка вокруг всей таблицы.

Обратите внимание: поскольку эти атрибуты относятся ко всей таблице, то они

^{определяются только в теге} <TABLE> ^{и не могут быть переопределены во внутренних тегах}

таблицы для отдельных строк или ячеек.