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


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


<HTML>

<НЕАD> <ТITLE>Таблицы</ТIТLЕ> </НЕАD> <BODY>

<Н2>Основные элементы таблиц</Н2>

<P>

Ниже приведен пример простой таблицы с объединенными ячейками

<P>

<TABLE BORDER>

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

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

</TR>

<TR> <TD>Иван</TD><TD>Директор</TD> <TD>1000</TD>

</TR>

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

</TR>

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

</TR>

<TR><TD>Bacилий</TD><TD>70</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Рис. 660. Пример объединения ячеек

Как шириной всей таблицы, так и шириной каждой отдельной ячейки можно управлять. Ширину всей таблицы можно задать как в пикселах, так и в процентах от ширины окна. Ширину ячеек можно задать также двумя способами: в пикселах и в процентах от ширины таблицы. Следует иметь в виду, что ячейки в одном столбце имеют одинаковую ширину, а ячейки одной строки — разную ширину. Ширина таблицы задается атрибутом WIDTH в тэге <TABLE>, ширина ячейки указывается тем же атрибутом в тэге <ТН> или <TD>.

<HTML>

<НЕАD> <ТITLE>Таблицы</ТITLE> </НЕАD>

<BODY>

<Н2>Основные элементы таблиц</Н2>

<Р>

Ниже приведен пример таблицы с объединенными ячейками и заданными

размерами

<Р>

<TABLE BORDER WIDTH=400>

<CAPTION ALIGN=TOP>CnncoK сотрудников</САРТIОN>

<TR>

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

</TR>

<TR>

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

</TR>

<TR>

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



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



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