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


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



<CAPTION ALIGN=TOP> Моя таблица </CAPTION>


Каждый ряд ячеек начинается с тэга <TR> и заканчивается тэгом </TR>. Если ряд должен содержать заголовки столбцов таблицы, то используются тэги <ТН> и </тн>. Если в ячейках должны размещаться данные, то используются тэги <TD> и </TD>.

Тэги заголовков и данных должны располагаться между тэгами рядов <TR> и </TR>. Проще говоря, вы сначала определяете таблицу (тэг <TABLE>), а затем внутри этого определения задаете строки (тэг <TR>) и содержимое ячеек (тэг <TD> — для данных, тэг <ТН> — для названий заголовков столбцов).

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

<HTML>

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

<BODY>

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

<P>

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

<P>

<TABLE BORDER>

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

<TR>

<ТН>Имя</ТН> <ТН>Должность</ТН> <ТН>Оклад</ТН>

</TR>

<TR>

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

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

<ТD>Федор</ТD> <ТD>Рабочий</ТD> <ТD>50</ТD>

</TR>

</TABLE>

</BODY>

</HTML>

Рис. 659. Простая таблица, встроенная в текст

Несколько ячеек могут быть объединены в одну как по горизонтали, так и по вертикали. Объединение по столбцам применяют тогда, когда надо, чтобы соседние столбцы имели общий заголовок. Объединение по строкам делается в том случае, когда содержимое нескольких ячеек подряд одинаково. Для объединения ячеек используются тэги COLSPAN и ROWSPAN (по столбцам и по строкам соответственно). Аргументами этих атрибутов являются количества объединяемых столбцов или строк. Вот пример объединения ячеек:




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



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