6. Таблицы

Таблица в HTML, представляет собой находящуюся на экране прямоугольную сетку строк и столбцов.

Приведем смысл употребляемых терминов:

• Строка- один ряд данных, расположенный поперек таблицы.

• Столбец - одна вертикальная секция данных.

• Клетка (ячейка)- пересечение строки и столбца. В клетки вводятся данные.появляющиеся в таблице.

• Название - текст, который (обычно) появляется над таблицей и описывает содержимоетаблицы.

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

• Рамки - линии, окружающие таблицу и каждую клетку.

1. Простейшая однострочная таблица

Все таблицы всегда начинаются с обрамления:

<TABLE>

</TABLE>

Остальные метки таблицы находятся между этими метками. О метке <TABLE> необходимо знать следующее:

Чтобы показать в таблице рамку, вместо метки <TABLE> применяется метка <TABLE BORDER> (однако при этом необходимо закрыть таблицу меткой </ТАВЕL>). Чтобы рамка отсутствовала, пользуйтесь меткой <TABLE>. Остальные действия по созданию таблицы реализуются четырехэтапным процессом:

1. Добавить строку.

2. Разделить строку на нужное вам число столбцов.

3. Вставить данные в каждую клетку.

4. Повторить этапы 1-3 до завершения создания таблицы.

Для добавления строки между метками <TABLE> и </TABLE> вставляются метка </TR> (Table Row - строка таблицы) и соответствующая конечная метка <./TR>: <TABLE BORDER>

<TR>

</TR>

</TABLE>

После этого строка разделяется на столбцы, для чего между метками <TR> и </TR> вставляются метки <TD> (Table Data - данные таблицы) и </TD>. Каждая комбинация <TD> </TD> представляет собой один столбец (ячейку в строке).

Для трехстолбцовой таблицы выполняется следующее:

<TABLE BORDER>

<TR>

<TD></TD>

<TD></TD>

<TD></TD>

</TR> </TABLE>

Данные в клетку, вводят помещая текст между меткой <TD> и конечной меткой </TD>.

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

Внутри меток <TD> и </TD> можно помещать текст, метки для форматирования текста. например <В> и <I>, списки и изображения.

В таблицах допускается смешивать текст и графику.

2. Приемы ускорения создания таблиц

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

3. Создание строки надписей

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

<TR>

<ТН>Надпись первого столбца</ТН>

<ТН>Надпись второго столбца</ТН>

<ТН>и т.д. до бесконечности</ТН>

</TR>

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