Пример табличного дизайна

Рассмотрим подробнее эти дескрипторы на примере.

Предположим, нам нужно решить простейшую дизайнерскую задачку: построить начальную Web-страницу сайта, где сверху написано название фирмы, справа на большом поле - последние новости, а слева - узкий столбик ссылок на другие страницы сайта.

Как с помощью таблицы разбить поле Web-страницы на две колонки, в правой из которой находится список новостей, в левой - список ссылок?

Первое, что приходит в голову: сверху крупно и красиво пишем заголовок, а дальше идет таблица 2xN - два столбца и N строк, где N - количество ссылок или новостей, в зависимости от того, чего больше. Для этого нам вполне подойдет код, представленный на рис. 10.2, в котором изменено только количество строк и содержимое ячеек (рис. 10.3).

Да, примерно так... Но только без рамок. Откуда они взялись?

Из "образцовой" таблицы, которую мы скопировали, не особо задумываясь над содержанием ее отдельных частей. А напрасно: внешний вид таблицы определяется ее параметрами. В данном случае параметр border в дескрипторе <TABLE> - явно лишний. Если его удалить, исчезнет и рамка (рис. 10.4).

Кажется, самое время рассмотреть параметры таблиц, благодаря которым стало возможным такое многообразие дизайнерских Internet-решений.