Как видим, HTML-структура, описывающая таблицу, состоит из трех основных элементов. * Дескриптора <TABLE>, внутри которого заключена вся таблица. Этот дескриптор описывает параметры таблицы в целом. » Дескрипторов <TR> (от английского Table Row — строка таблицы), внутри которых заключены строки. Каждый такой дескриптор описывает параметры соответствующей строки. * Дескрипторов <TD> (от английского Table Data — данные, или содержимое таблицы), внутри которых заключено содержимое ячеек. Каждый такой дескриптор описывает параметры отдельной ячейки. Как вы уже, вероятно, заметили, текст в ячейках разбивается на строки в зависимости от ширины окна броузера. Это не всегда желательно, так как может сильно изменить вид всей страницы. В таких случаях используют параметр nowrap, запрещающий автоматический переход на новую строку в данной ячейке: <TD nowrap> He переходить на новую строку! </TD> Однако последствия применения этого параметра не всегда приятны: для просмотра длинных строк посетителям придется пользоваться горизонтальной прокруткой, а это очень нежелательно.
Пример табличного дизайна Рассмотрим подробнее эти дескрипторы на примере. Предположим, нам нужно решить простейшую дизайнерскую задачку: построить начальную Web-страницу сайта, где сверху написано название фирмы, справа на большом поле — последние новости, а слева — узкий столбик ссылок на другие страницы сайта. Как с помощью таблицы разбить поле Web-страницы на две колонки, в правой из которой находится список новостей, в левой — список ссылок? Первое, что приходит в голову: сверху крупно и красиво пишем заголовок, а дальше идет таблица 2xN — два столбца и N строк, где N — количество ссылок или новостей, в зависимости от того, чего больше. Для этого нам вполне подойдет код, представленный на рис. 10.2, в котором изменено только количество строк и содержимое ячеек (рис. 10.3). Да, примерно так... Но только без рамок. Откуда они взялись? Из "образцовой" таблицы, которую мы скопировали, не особо задумываясь над содержанием ее отдельных частей. А напрасно: внешний вид таблицы определяется ее параметрами. В данном случае параметр border в дескрипторе <TABLE> — явно лишний. Если его удалить, исчезнет и рамка (рис. 10.4).
134
Глава 10