| |
ощью атрибута align
в дескрипторе ячейки вы можете позиционировать содержимое ячейки в
горизонтальной плоскости внутри ячейки. Аналогично, если вы создаете таблицу
уже ширины Web-страницы, на которой она отображается, вы можете позицио-
нировать всю таблицу в горизонтальной плоскости на Web-странице с помощью
атрибута align.
106 Глава 2. HTML-таблицы
.«J* View Гзи>г*« Joels Help
Stop Rehesti ' Home. i Search
•
Б..РЧГ
Вырыто
,
По и-игру
inKmitfiwvn
поиекгру
Вырыюпиок га» ссрттолн
- МО б и . ЮЙ ЛИНИИ
По Базовой ЛИШИ
Вироккп
• по и
Смоу
мж m вертикали :
«jbone
Рис. 2.16. Таблица, иллюстрирующая действие четырех значений
атрибута выравнивания по вертикали
ПРАКТИКУМ • • • •
По умолчанию Web-браузер отображает таблицу у левого края Web-страницы.
Чтобы изменить выравнивание таблицы, заключите определение таблицы между
начальным и конечным дескрипторами блока (). Затем установите
атрибут align внутри дескриптора равным "left", "right" ИЛИ
"center" — в зависимости от того, как должна быть выровнена таблица относи-
тельно левого и правого краев Web-страницы.
Например, чтобы Web-браузер отобразил таблицу по правому краю Web-стра-
ницы (вместо левого края по умолчанию), заключите определение таблицы меж-
ду начальным и конечным дескрипторами блока ( ). Затем установи-
те атрибут align внутри дескриптора равным "right", как показано в
первой строке приведенного ниже HTML-кода:
'>
" width="50%'
50%"
"50%"
50%"
'50%"
50%"
'50%"
' height="50%">
>3аголовок
_ >3аголовок
>Строка
>Строка
>Строка
>Строка
1 -
1 -
2 -
2 -
K/th>
2
столбец K/td>
столбец 2
столбец l |
столбец 2
Если ваш дескриптор будет включать в себя атрибут width, установ-
ленный равным "Ю0%" или значению в пикселях, которое превышает ширину
окна браузера в пикселях, Web-браузер будет игнорировать атрибут align внутри
дескриптора в начальном и конечном дескрипторах блока ( )
вокруг определения таблицы.
Глава 2. HTML-таблицы 1 07
Управление шириной и высотой ячейки с помощью
вставки прозрачного GIF-изображения
Рисуя таблицу, Web-браузер увеличивает размер ячеек (и всей таблицы) так,
чтобы вместить их содержимое. Предположим, например, вы создаете ячейку с
дескриптором безматрибутов width или height. Если вы поместите в ячей-
ку графическое изображение размером 150x100 пикселей, Web-браузер автомати-
чески нарисует ячейку с шириной 150 пикселей и высотой 100 пикселей так,
чтобы рисунок в нее помещался. Аналогично, если вы вставите это же изображе-
ние размером 150x100 пикселей в ячейку, определенную с шириной и высотой,
равными, например, 50 пикселей, Web-браузер "растянет" ячейку от заданных
размеров 50x50 пикселей до таких, которые позволят вместить в нее графическое
изображение.
Присущим браузеру свойством изменять размер ячеек можно воспользоваться,
поместив однопиксельное прозрачное GIF-изображение в ячейку и дав Web-бра-
узеру указание растянуть картинку до нужной высоты и/или ширины. Web-брау-
зер, в свою очередь, растянет графическое изображение и увеличит размеры
ячейки до размеров растянутого изображения. Увеличение ячейки до размеров
прозрачного изображения в ячейке заставит браузер вставить точные интервалы
между ячейками слева и справа от ячейки с GIF-изображением и/или ячейками,
находящимися сразу же над и/или под ней.
Прозрачное GIF-изображение — это "невидимое" графическое изображение,
которое можно использовать с таблицей или без таковой, чтобы воздействовать
на положение объектов, размещенных на Web-странице. Посетитель сайта не бу-
дет видеть прозрачное GIF-изображение на экране компьютера, поскольку Web-
браузер отображает его так, как будто это лист прозрачного стекла, лежащий по-
верх фона ячейки (или Web-страницы). Хотя посетитель "видит сквозь"
прозрачное GIF-изображение, графическое изображение занимает определенное
пространство в ячейке. В результате этого Web-браузер сделает ячейку достаточно
большой для того, чтобы его вместить.
Предположим, например, вы создаете Web-страницу
|
|
|
