| |
лава 2. HTML-таблицы
посетителем сайта размеров окна Web-браузера. Например, при разрешении эк-
рана 800x600 и ширине и высоте таблицы 764x558, если посетитель Web-сайта
уменьшит высоту окна Web-браузера, на экране будет видна только часть табли-
цы. Web-браузер, в свою очередь, добавит в окно вертикальную полосу прокрут-
ки, чтобы посетитель сайта мог прокрутить часть таблицы вне экрана в пределах
видимой области. (Аналогично, если посетитель уменьшит ширину окна браузе-
ра, Windows отобразит горизонтальную полосу прокрутки, позволяющую посети-
телю прокручивать содержимое экрана в горизонтальной плоскости.) И наоборот,
если посетитель увеличит* разрешение экрана до 1024x768, размер таблицы
останет-
ся неизменным, а Web-браузер будет отображать в своем окне пустые места — снизу
и справа от таблицы.
Задавая атрибуты width и height в дескрипторе , имейте в виду, что
на самом деле вы устанавливаете только минимальные размеры таблицы. Ее фак-
тические размеры будут определяться содержимым, которое вы поместите в
ячейки таблицы. Предположим, например, вы задали таблицу 764x558, с двумя
строками по две ячейки в каждой. Если в каждую ячейку первой строки вы по-
местите по рисунку размером 450x350 пикселей, Web-браузер автоматически уве-
личит ширину таблицы до 900 пикселей для соответствия ширине данных в таб-
лице — то есть двух рисунков в первой строке. Если затем вы поместите
графическое изображение размером 450x350 пикселей в одну из ячеек второй
строки таблицы, Web-браузер увеличит высоту таблицы до 700 пикселей для со-
ответствия высоте двух рисунков в столбце таблицы.
Задание размеров ячеек с помощью относительных и
абсолютных величин
Помимо (или вместо) указания размеров таблицы путем задания атрибутов
height и width таблицы в дескрипторе , вы можете создать таблицу оп-
ределенной высоты и ширины за счет указания размеров ячеек таблицы.
ПРАКТИКУМ
Например, если вы хотите создать таблицу 800x600 с двумя строками по четыре
столбца в каждой, вы можете задать каждую ячейку как 200x300 пикселей, запи-
сав дескриптор | для каждой ячейки следующим образом:
|
(Чтобы задать размеры ячейки с данными-заголовками, установите атрибуты
width и height в дескрипторе | ячейки заголовка.)
"" При определении ширины таблицы путем задания атрибута width в деск-
рипторе таблицы следите за тем, чтобы ширина ячеек в каждой строке в
сумме
была строго равна ширине таблицы во избежание "странного" поведения,
"проявления" кото-
рого специфичны для каждого отдельного браузера. Каждый из браузеров по-своему
обраща-
ется с неправильно сформированными таблицами. Следовательно, если вы хотите
контро-
лировать внешний вид своей таблицы в любом из браузеров, не пишите HTML-код
таблиц, в
котором размеры таблицы находятся в противоречии с размерами ее ячеек.
Глава 2. HTML-таблицы
Вместо.задания размеров ячейки в виде фиксированного числа пикселей, вы
можете дать Web-браузеру указание рисовать каждую ячейку как процент от об-
щей ширины и высоты таблицы. Предположим, например, вы хотите, чтобы
Web-браузер нарисовал таблицу, заполняющую окно браузера и имеющую три
столбца равной ширины. HTML-код этой таблицы запишется следующим обра-
зом, как с относительной шириной (заданной значением атрибута width в деск-
рипторе ), так и со столбцами относительной ширины (заданной значе-
нием атрибутов width в дескрипторах | и | ):
width="33%" >3аголовок K/th>
| 3аголовок
| Данные столбца K/td>
| Данные столбца 2 |
Данные столбца
Или, если вы хотите задать таблицу с фиксированной шириной и двумя стол-
бцами, занимающими 80 процентов ширины таблицы и одним столбцом, зани-
мающим 20 процентов ее ширины, HTML-код таблицы должен выглядеть следу-
ющим образом:
width=
width=
width=
width="
width="
width="
M40%"
"40%"
"20%M
"40%"
"40%"
"20%"
>3аголовок K/th>
>3аголовок 2
>3аголовок 3
>Данные столбца K/td>
>Данные столбца 2
>Данные столбца 3
Шшш 1Ы задаёте шираш ятш. таШищы как нредштны© етнешшмя к шмрм=
не таблицы, шшщт ж тем, чтобы сумма ширин, заданных в щещшшерш <Ш>
(mim TaseiMi ммшетш) м дескрипторах <Ы> щщ едней §Tgesi т щтшшш&
100 процентов. Штш же щтш щецентных отношений составит меньше 100
Wib=§papgp ршщшшжч еетатем ра!немерне м^щу ЁШММ я
При задании размеров ячейки (или таблицы) вы можете задать ширину без
задания высоты или наоборот. Однако если вы задаете размеры ячейки как про-
центные отношения к ширине таблицы, следите за тем, чтобы ширина таблицы
была задана как число пикселей или как процент от окна Web-браузера путем
задания атрибута width в дескрипторе таблицы
| |
 | [Весь Текст] |
| |  |
| | | |
