установите атрибут height в дескрипторе таблицы равным либо числу пикселей, либо процентному отношению к высоте окна браузера.

10 4 Глава 2. HTML-таблицы





Выравнивание содержимого ячейки по горизонтали и по вертикали

Если ячейка шире, чем ее содержимое, Web-браузер по умолчанию выровняет

содержимое в ячейке по левому краю ячейки.





Чтобы изменить выставляемое по умолчанию горизонтальное (то есть слева на — право) выравнивание содержимого ячейки, добавьте в дескриптор ячейки атрибут align. Атрибут alig n может получать три возможных значения:

• left. Выравнивает содержимое по левому краю ячейки.

• right. Выравнивает содержимое по правому краю ячейки.

• center. Центрирует содержимое между левым и правым краями ячейки.

На рис. 2.15 показано, как Internet Explorer отобразит таблицу, определенную следующим HTML-кодом, в дескрипторах которой использовано каждое из допустимых значений атрибута align:





Если высота ячейки превышает высоту ее содержимого, Web-браузер по умол — чанию отцентрирует содержимое по вертикали между верхним и нижним краем ячейки. Чтобы изменить существующее по умолчанию вертикальное (то есть сверху вниз) выравнивание содержимого ячейки, добавьте в дескриптор

ячейки атрибут vaiign. АтрибутУ vaiign может принимать четыре возможных

значения:

• top. Отображает содержимое так, что оно начинается у верхнего края ячейки.

• middle. Центрирует содержимое вертикально между верхним и нижним краями ячейки.

• baseline. В Netscape Navigator отображает содержимое так, что оно закан- чивается у нижнего края ячейки. В Internet Explorer задание значения

«baseline » («по базовой линии») изменяет только вертикальное положе — ние текста в ячейке, если ячейка содержит и текст, и изображение. При

задании значения «baseline » Internet Explorer позиционирует текст так, чтобы он заканчивался вровень с нижним краем рисунка. Если в ячейке нет рисунка, Internet Explorer игнорирует значение «baseline » атрибута vaiign и начинает текстовое содержимое у верхнего края ячейки.

• bottom. Отображает содержимое так, что оно заканчивается у нижнего края ячейки.

Глава 2. HTML-таблицы 105





На рис. 2.16 показано, как Netscape Navigator отобразит таблицу, определен — ную следующим HTML-кодом, где в дескрипторах ячеек таблицы использо —

вано каждое из возможных значений атрибута vaiign:



Выравнивание таблицы на Web-странице

В предыдущем практикуме этой главы вы научились выравнивать содержимое ячейки по левому краю ячейки, по правому краю ячейки или по центру ячейки.

Пока содержимое ячейки уже ширины самой ячейки, с помощью атрибута alig n

в дескрипторе ячейки вы можете позиционировать содержимое ячейки в горизонтальной плоскости внутри ячейки. Аналогично, если вы создаете таблицу уже ширины Web-страницы, на которой она отображается, вы можете позицио —

нировать всю таблицу в горизонтальной плоскости на Web-странице с помощью атрибута align.

106 Глава 2. HTML-таблицы





По умолчанию Web-браузер отображает таблицу у левого края Web-страницы. Чтобы изменить выравнивание таблицы, заключите определение таблицы между начальным и конечным дескрипторами блока (). Затем установите