Представление таблиц на странице
Рассмотрим назначение различных параметров, которые могут использоваться в тэгах, описывающих таблицы.
Заголовок таблицы <CAPTION> .
Согласно спецификации языка HTML, тэг заголовка таблицы <CAPTION> имеет единственный допустимый параметр align , принимающий значения top (заголовок над таблицей) или bottom (заголовок под таблицей).
Однако браузер Microsoft Internet Explorer предоставляет дополнительные возможности для выбора расположения заголовка. Параметр align допускает значения left , right и center для горизонтального выравнивания наряду с описаными выше значениями. Отметим, что это один из редких случаев, когда широко распространённый параметр align может использоваться и для горизонтального выравнивания, и для вертикального. Однако двойное использование в одном заголовке параметра align недопустимо. Поэтому дополнительно введён специальный параметр для вертикального выравнивания - valign, принимающий значения top или bottom . Например, для заголовка распологаемого внизу таблицы с выравниванием влево, описание имеет следующий вид:
<CAPTION align="left" valign="bottom"> Заголовок таблицы </caption>
Возможности горизонтального выравнивания заголовка таблицы являются расширением спецификации HTML, не поддерживаются браузером Netscape Navigator, и поэтому ими следует пользоваться только в крайней необходимости.
Параметры тэга <TABLE> .
Основным тэгом, применяемым при создании таблиц, является тэг <TABLE> . Он может использоваться с рядом параметров, каждый из которых допустимо опускать. Набор допустимых параметров зависит от браузера. Согласно спецификации HTML в тэге <TABLE> могут использоваться следующие параметры: border , cellspacing , cellpadding , width . Браузеры Netscape и Microsoft Internet Explorer разрешают кроме перечисленных пяти параметров использовать параметры height и bgcolor . Отдельные браузеры также позволяют задавать и другие параметры. рассмотрим назначение общеупотребительных параметров тэга <TABLE> .
Параметр border .
Параметр border управляет изображением рамки вокруг каждой ячейки, которые по сути, дают линии сетки таблицы и вокруг всей таблицы. По умолчанию рамки не рисуются, и на экране пользователь увидит лишь ровно расположенный текст ячеек таблицы. Существует немало ситуаций когда, когда использование таблиц без рамок вполне оправданно.
Для добавления в таблицу рамок необходимо включить в код <TABLE> параметр border , который может иметь численное значение.
Например, <TABLE border> или <TABLE border="10"> .
Численное значение параметра определяет толщину рамки в пикселах, рисуемую вокруг всей таблицы, однако на толщину рамок вокруг каждой ячейки это значение не влияет. При отсутствии численного значения обычно оно приравнивается минимальному значению (1), хотя для различных браузеров стиль показа рамки может отличаться. Возможность независимого управления отображением рамки вокруг всей таблицы и рамками вокруг ячеек отсутствует.
Параметр cellspacing .
Форма записи параметра: cellspacing=" num " , где num - численное значение параметра в пикселах, которое не может быть опущено. Величина num определяет расстояние между смежными ячейками (точнее между рамками ячеек) как по горизонтали, так и по вертикали. По умолчанию значение принимается равным двум. Заметим, при задании cellspacing=" 0 " рамки смежных ячеек сольются и создадут впечатление единой сетки таблицы.
Параметр cellpadding .
Форма записи параметра аналонична cellspacing . Величина num определяет размер свободного пространства (отступа) между рамкой ячейки иданными внутри ячейки. По умолчанию значение принимается равным единице. Установка параметра cellpadding равным нулюможет привести к тому, что некоторые части текста ячейки могут касаться её рамки, что выглядет не очень эстетично.
Все три параметра - border , cellspacing и cellpadding действуют независимо друг от друга, если какой-либо из них опущен, то берётся его значение, принятое по умолчанию. Наиболее компактная таблица будет получена заданием следующего описания:
<TABLE border="0" cellspacing="0" cellpadding="0" >
Только в таком варианте ячейки будут расположены вплотную друг к другу. Примером использования может служить таблица, все ячейки которой содержат рисунки одинакового размера, которые необходимо расположить рядом друг с другом.
Параметры width и height
При отображении таблиц их ширина и высота автоматически отображается браузером, при этом расчёт размеров таблиц выполняется автоматически и делается попытка представить таблицу в наиболее удобном виде - расположить таблицу так, чтобы она помещалась в окне просмотра
Бывает необхлдимо принудительно указывать ширину или высоту таблицы. Для этой цели используют параметр width (ширина таблицы) или height (высота таблицы) тэга <TABLE> . Форма записи: width="num" или width="num%", где num - численное значение ширины всей таблицы в пикселах или в процентах от всего размера окна. Заметим, что допутимо задавать значения больние 100%, хотя трудно представить себе случай когда это необходимо.
Аналогичные параметры могут задаваться и для отдельных ячеек. Заметим, что задание конкретного параметра, например width=" 200 " , не означает, что таблица в любом случае будет иметь указанную ширину, а лишь определяет рекомендуемую ширину, которая будет выдержана по возможности.