Управление границами на Web-странице с помощью вложенных таблиц
Когда вы создаете Web-страницу без таблиц, Web-браузер отображает найденные им в файле элементы Web-страницы один за другим, начиная в верхнем левом углу окна браузера. Между первым элементом страницы и левым краем окна браузер помещает заданный по умолчанию интервал. К сожалению, не все Web-браузеры (и даже не все версии одного и того же Web-браузера) используют по умолчанию интервалы одинаковой ширины, из-за чего при разработке Web-страницы возникает проблема, разрешить которую можно с помощью точного размещения графики и текста.
ПРАКТИКУМ
Предположим, например, вы создаете Web-страницу, содержащую три графичес-ких изображения, требующих установки определенного интервала от левой границы Web-страницы. Чтобы управлять границей сложной Web-страницы, создайте таблицу и вставьте вторую таблицу с тремя графическими элементами в ячейку второго столбца первой таблицы. Помещение таблицы в ячейку внутри другой таблицы называется вложением (nesting). Когда вы вкладываете одну таблицу в другую, создается организованная структура, которая позволяет с большей точностью управлять размещением элементов на сложной Web-странице.
В приведенном ниже коде демонстрируется вложение таблицы, содержащей три изображения, в ячейку другой таблицы:
<table border="2" cellpadding="0" cellspacing="0"><tr><td width="30"></td><td width="32"></td><td width="30"></td></tr><tr><td width="30"><img src="trans.gif" width="30"></td><td width="32" align="center"><!-- Здесь начинается вложенная таблица ... --><table border="4" cellpadding="0" cellspacing="2"><tr><td width="32"><img src="image_1.jpg"></td></tr><tr><td width="32"><img src="image_2.jpg"></td></tr><tr><td width="32"><img src="image_3.jpg"></td></tr></table></td><!-- Здесь вложенная таблица заканчивается . . . --><td width="30"><img src="trans.gif" width="30"></td></tr><tr><td width="30"></td><td width="32"></td><td width="30"></td></tr></table>
В данном примере второй столбец таблицы содержит вложенную таблицу, а первый столбец внешней таблицы имеет фиксированную ширину, равную 30 пикселям. В результате, когда Web-браузер загружает Web-страницу, первый столбец таблицы отодвигает вложенную таблицу на 30 пикселей вправо от левого края окна браузера, как показано на рис. 2.24.
Рис. 2.24. Таблица создает границу для графических изображений, содержащейся во вложенной таблице