Визуальное выравнивание содержимого Web-страницы с помощью видимых границ таблицы
Выравнивая с помощью таблицы графику и текст, вы создаете организованную структуру страницы, что помогает глазам посетителя двигаться по документу и повышает привлекательность компоновки страницы.
ПРАКТИКУМ
Предположим, например, вы хотите создать Web-страницу, содержащую фотографии ваших сотрудников вместе с их именами и фамилиями, должностями, занимаемыми в компании, и почтовыми адресами. Чтобы организовать эту информацию, создайте таблицу, состоящую из одного столбца, как показано на рис. 2.30.
Строка 1 содержит имя и фамилию сотрудника, строка 2 — фотографию сотрудника, строка 3 — должность, занимаемую им/ею в компании; строка 4 —его/ее почтовый адрес. Применение таблицы не только помогает организовать информацию на Web-странице, но, вдобавок к этому, использование атрибута border дает возможность еще более наглядно определить внешнюю границу таблицы и отделяет таблицу от прочей графики и текста на Web-странице.
Показанная на рис. 2.30 таблица создается при помощи следующего кода
<table border="6" cellpadding="0" cellspacing="2" width="175"><tr><td width="175" height="30" align="center">Джеймс Маркин</td></tr><tr height="90"><td width="175" height="30" align="center" valign="middle"><img height="67" width="92" src="employee_l.jpg"></td></tr><tr><td width="175" height="30" align="center">Ведущий дизайнер</td></tr><tr><td width="175" height="93" align="center" valign="middle"><font size="4">Riven Productions</font><br><font size="4">433 Syacdei Street</font><br><font size="4">Hollywood, CA 234*5</font></td></tr><table>
Когда вы отключаете атрибут border (border="0"), ячейки таблицы сливаются, так что отдельные ячейки таблицы ВЫГЛЯДЯТ СПЛОШНЫМ целым. Использование атрибута border визуально разделяет информацию на четко определенные информационные блоки, что существенно облегчает ее восприятие.
Рис 2.30. Таблица с текстом и графикой