Иллюстрированный самоучитель по WEB-графике


Таблицы - часть 5


<CAPTION ALIGN=TOP>Cписок сотрудников</САРТION>

<TR>

<TH COLSPAN=2>Имя и должность</ТН><ТН>Оклад</ТН>

</TR> <TR>

<ТD>Иван</ТD><ТD>Директор</ТD><ТD>1000</ТD>

</TR>

<TR>

<ТП>Петр</ТD><ТD>Бухгалтер</ТD><ТD>800</ТD>

</TR>

<TR>

<ТD>Федор</ТD><ТD ROWSPAN=2>Pa6oчий</ТD><ТD>>50</TD>

</TR>

<TR>

<ТD>Василий</ТD><ТD>70</ТD>

</TR>

</TABLE> <TABLE BORDER=10 FRAME=BOX RULES=COLS WIDTH=300>

<CAPTION ALIGN=TOP>Список сотрудников</САРТION>

<TR>

<TH COLSPAN=2>Имя и должность</ТН><ТН>Оклад</ТН>

</TR>

<TR>

<ТD>Иван</ТD><ТD>Директор</ТD><ТD>1000</ТD>

</TR>

<TR>

<ТD>Петр</ТD><ТD>Бухгалтер</ТD><ТD>800</ТD>

</TR>

<TR>

<ТD>Федор</ТОХТП ROWSPAN=2>Pa6oчий</ТD><ТD>50</TD>

</TR>

<TR>

<ТD>Василий</ТD>70</ТD>

</TR>

</TABLE>

</BODY>

</HTML>

Рис. 662. Примеры оформления таблиц

В следующем примере используем таблицу без рамок как способ размещения различных элементов на странице. В ячейки помещены текстовые ссылки, картинки и число 1000, а некоторые ячейки остались пустыми. Для задания нужного расстояния между элементами следует использовать атрибуты выравнивания. Пока еше нет другого способа разместить несколько элементов в одном ряду, кроме использования таблиц. В следующем разделе, посвященном каскадным таблицам стилей, будет рассмотрен другой способ позиционирования элементов. В приведенном ниже примере просто задана таблица, но не указаны ее размеры и способ выравнивания для того, чтобы показать: можно располагать элементы как по горизонтали, так и по вертикали в пределах некоторой области. При этом только опытный программист на языке HTML может догадаться по внешнему виду страницы, что для ее создания была использована таблица. Освойте этот прием позиционирования, если хотите располагать на Web-странице много графических элементов и ссылок. Это позволит сэкономить место и достаточно эффектно разместить материал в окне браузера.




Начало  Назад  Вперед



Книжный магазин