Как создать WEB-страницу

Таблицы

Таблицы на \А/еЬ-страницах встречаются довольно часто. Простейший пример табличной организации данных — прайс-лист. Однако таблицы можно использовать просто как способ форматирования текста, поскольку таблица в НТМЬдокументе может не содержать всех или некоторых разграничительных линий. Заметим, что в большинстве случаев элементы текста позиционируются как табличные.

Идея использования таблиц в качестве способа позиционирования проста. Вы мысленно разбиваете окно на ячейки (клетки) и решаете, какой элемент страницы в какую клетку поместить, — это хороший способ обойти "естественное" расположение элементов друг за другом, которое осуществляет браузер по умолчанию. Далее будет рассмотрен более "свободный" способ позиционирования элементов, позволяющий помещать элементы в любое место окна браузера. Однако, как правило, на практике для позиционирования элементов вполне достаточно использовать простую схему таблицы.

Таблица представляет собой особую часть документа НТМ1. Данные в ней организованы в виде прямоугольной сетки, которая состоит из вертикальных столбцов (колонок) и горизонтальных рядов (строк). Каждая клетка таблицы называется ячейкой. Ячейки могут содержать текст, графику и даже другую таблицу.

Таблицы состоят из трех основных частей: названия таблицы, заголовков столбцов и ячеек. Таблица заполняется слева направо, ячейка за ячейкой, начиная с левого верхнего угла и заканчивая правым нижним углом. Каждая ячейка должна быть заполнена (для создания пустых ячеек используются пробелы).

Описание таблицы в документе НТМ1_ начинается с тэга <ТАВ1.Е> и заканчивается тэгом </ТАВ1_Е>. Если вы хотите, чтобы таблица имела видимую рамку, (границы), используйте атрибут ВОРОЕР. Атрибут ВСЖОЕК может принимать аргумент (число), определяющий ширину рамки, например:

<ТАВЪЕ ВОКОЕК=10>

Для задания названия таблицы используется тэг <САРТ1ОМ> с атрибутом выравнивания АЫСМ, который может принимать значения ТОР или ВОТТОМ (расположение названия вверху или внизу таблицы соответственно), например:

<САРТЮЫ  АЫСЫ=ТОР>   Моя   таблица   </САРТ1ОМ>

Каждый строка начинается с тэга <ТК> и заканчивается тэгом </ТК>.

Для образования ячеек используются либо тэги <ТН> и </ТН>, либо тэги <ТО> и </ТО>.

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

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

<НТМЬХНЕАОХТ1ТЪЕ>Таблиць1</Т1ТЪЕХ/НЕАО> <ВОПУ>

<Н2>Основные элементы таблиц</Н2> <Р>Ниже приведен пример простой таблицы

<ТАВЪЕ ВОКОЕК>

<САРТ1(Ш АЫСМ=ТОР>Список сотрудников . </САРТЮМ>

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

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

<ТКХТО>Пётр</ТОХТО>Бухгалтер</ТОХТО>800</ТОХ/ТК>

<ТКХТО>Фёдор</ТОХТО>Рабочий</ТОХТО>50</ТОХ/ТК>

</ТАВЬЕ> </ВООУ>

</нтмъ>

Несколько ячеек могут быть объединены в одну как по горизонтали, так и по вертикали. Объединение по столбцу применяют тогда, когда надо, чтобы соседние столбцы имели общий заголовок. Объединение по рядам делается в том случае, когда содержимое нескольких ячеек

12