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

Таблицы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12