Задание размеров таблицы с помощью относительных и абсолютных значений
Чтобы управлять размерами таблицы, необходимо добавить в дескриптор <table> таблицы атрибут width (ширина) и/или атрибут height (высота). Размеры таблицы можно указывать либо в относительных величинах (в виде процентных отношений), либо в абсолютных величинах (как число пикселей).
ПРАКТИКУМ
Чтобы, например, нарисовать таблицу на все окно браузера, запишите дескриптор <table> таблицы следующим образом:
<table width="100%" height="100%">
Web-браузер, в свою очередь, изменит размеры таблицы (и ее ячеек) так, чтобы таблица заняла все его окно. Иными словами, Web-браузер будет делать таблицу (и ее ячейки) больше, если посетитель Web-сайта увеличит окно браузера, и будет делать таблицу (и ее ячейки) меньше, когда посетитель сайта уменьшит размеры окна браузера.
Если вы не хотите, чтобы Web-браузер изменял размеры таблицы в зависимости от размеров окна браузера, задайте высоту и ширину таблицы в виде фиксированного числа пикселей. Например, чтобы Web-браузер каждый раз рисовал таблицу шириной 764 пикселя и высотой 558 пикселей, запишите дескриптор <table> следующим образом:
<table width="764" height="558">
Опустив знак процента (%) в значении атрибута, вы даете Web-браузеру указание использовать значение как число пикселей, а не как процентное отношение. При задании размеров таблицы с помощью абсолютных величин (иными словами, при задании ширины и высоты таблицы как числа пикселей), Web-браузер не будет изменять ни размеры таблицы, ни размеры ее ячеек при изменении посетителем сайта размеров окна Web-браузера. Например, при разрешении экрана 800x600 и ширине и высоте таблицы 764x558, если посетитель Web-сайта уменьшит высоту окна Web-браузера, на экране будет видна только часть таблицы. Web-браузер, в свою очередь, добавит в окно вертикальную полосу прокрутки, чтобы посетитель сайта мог прокрутить часть таблицы вне экрана в пределах видимой области. (Аналогично, если посетитель уменьшит ширину окна браузера, Windows отобразит горизонтальную полосу прокрутки, позволяющую посетителю прокручивать содержимое экрана в горизонтальной плоскости.) И наоборот, если посетитель увеличит разрешение экрана до 1024x768, размер таблицы останется неизменным, а Web-браузер будет отображать в своем окне пустые места — снизу и справа от таблицы.
Задавая атрибуты width и height в дескрипторе <table>, имейте в виду, что на самом деле вы устанавливаете только минимальные размеры таблицы. Ее фактические размеры будут определяться содержимым, которое вы поместите в ячейки таблицы. Предположим, например, вы задали таблицу 764x558, с двумя строками по две ячейки в каждой. Если в каждую ячейку первой строки вы поместите по рисунку размером 450x350 пикселей, Web-браузер автоматически увеличит ширину таблицы до 900 пикселей для соответствия ширине данных в таблице — то есть двух рисунков в первой строке. Если затем вы поместите графическое изображение размером 450x350 пикселей в одну из ячеек второй строки таблицы, Web-браузер увеличит высоту таблицы до 700 пикселей для соответствия высоте двух рисунков в столбце таблицы.