Як уже зазначалось, таблиці часто застосовують для форматування чіткої структури Web-сторінок. Оскільки створені і поміщені на сервер сторінки переглядаються користувачами на екранах із різною роздільною здатністю, то часто сторінка, яка розроблялась і тестувалась на екрані з однією роздільною здатністю (наприклад, 800x600) виглядає зовсім не так, як «задумано» при її перегляді з іншою роздільною здатністю (наприклад, 1024x768). Тому виникає необхідність задати чіткий горизонтальний розмір сторінки. Це досягається завдяки поміщенню всіх елементів сторінки у таблицю фіксованої ширини. Оскільки екрани з роздільною здатністю 640x480 все рідше трапляються серед користувачів Internet, доцільно сторінку форматувати так, щоб вона коректно відображувалась на екранах роздільною здатністю 800x600. Для цього можна використати таблицю шириною ~ 760 пікселів.
Форматування сторінки зі складним розміщенням об'єктів можна досягти шляхом їх поміщення в окремі комірки таблиці.
Описані прийоми використані при створені наступної версії нашої головної сторінки (рис. 1.20).
Рис. 1.20
На рис. 1.21 подано відображення цієї ж сторінки, в якій зроблені видимі межі таблиць.
Відмітимо, що для побудови наведеної сторінки було б достатньо лише однієї таблиці, проте для загальності використано дві — зовнішню «обмежуючу таблицю» і таблицю, безпосередньо необхідну для форматування взаємного розміщення гіперпосилань і графічних зображень.
Додамо рамку та розмістимо гіперпосилання так, як це подано на рис. 1.22. Рамку можна додавати, вказавши у таблиці атрибут border=1. Проте лінія, якою відображається стандартна рамка таблиці, є занадто товстою. Для задания тоншої рамки використовується додаткова таблиця з ненульовим кольором фону— який і буде кольором майбутньої рамки. Для визначення товщини рамки, що створюється, використати атрибут cellpading=1 (лістинг 1.20).
Рис. 1.22
<!--таблиця з ненульовим кольором фону для створення рамки-->
