главная страница   свяжитесь с нами  бесплатная почта   карта сайта  заказать   flash-заставка   добавить в избранное   сделать стартовой 
поиск по сайту
вход для зарегистрированных пользователей регистрация забыл пароль?
 
 
 
УЧЕБНИК HTML
На главную Новости Философия Наша история Наши клиенты
 
Rambler's Top100
Таблицы
(Tables)

Таблицы в HTML являются удобным средством форматирования как собственно таблиц, так и "нетабличной" информации. В последнем случае таблицы используют для того, чтобы добиться жестко заданного взаимного расположения частей WWW-страницы в окне программы просмотра.Таблица - это совокупность ячеек (cells), каждая из которых занимает заданное число строк (rows) и столбцов (columns). Таблица может включать ячейки двух видов: 1) ячейки, содержащие подзаголовки частей таблицы (headers) и 2) "обычные" ячейки с данными (data cells). Ячейки могут содержать как форматированный в соответствии с правилами HTML текст, так и графику. Таблица может иметь подпись (caption).

Флаги для описания таблиц

Флаг

Назначение

<TABLE>
...
</TABLE>
Определяет таблицу. Если этот флаг имеет атрибут BORDER=n, то таблица будет заключена в рамку толщиной n пикселов.
<CAPTION>
...
</CAPTION>
Необязательный элемент. Определяет подпись к таблице. По умолчанию, подпись располагается вверху, а при использовании атрибута ALIGN=BOTTOM - внизу таблицы.
<TR> Обозначает строку таблицы.
<TH> Обозначает ячейку с подзаголовком, который по умолчанию выводится жирным шрифтом с выключкой по центру.
<TD> Обозначает ячейку таблицы. По умолчанию, текст в ячейке выключен влево и отцентрирован по вертикали.

 

Атрибуты ячеек таблицы

Атрибут

Назначение

ALIGN = LEFT
| CENTER |
RIGHT
Выключка (выравнивание) содержимого ячейки влево, по центру или вправо по горизонтали.
VALIGN = TOP
| MIDDLE |
BOTTOM
Выключка (выравнивание) содержимого ячейки по верхней кромке, по центру или по нижней кромке по вертикали.
COLSPAN=n Число столбцов, занятых данной ячейкой.
ROWSPAN=n Число строк таблицы, занятых данной ячейкой.
NOWRAP Запрет разрыва строк текста внутри ячейки с переносом на следующую строку, в случае, если длинная строка не умещается в ячейке.

Описывать на HTML большие и сложные таблицы "вручную" - довольно трудоемкая работа. Многие HTML-редакторы, в частности, редактор, встроенный в программу просмотра Netscape Navigator Gold версии 2.0 и старше, существенно помогают в этом довольно утомительном занятии .

Пример описания таблицы на HTML
<TABLE BORDER=1>
<CAPTION>Подпись к таблице</CAPTION>
<TR>
<TH ROWSPAN=2>Ячейка 1 занимает 2 строки
<TH COLSPAN=2>Ячейка 2 занимает 2 столбца
<TR>
<TD>Ячейка 3
<TD>Ячейка 4
<TR>
<TD>Ячейка 5
<TD>Ячейка 6
<TD>Ячейка 7
</TABLE>

Как выглядит на дисплее

Подпись к таблице
Ячейка 1 занимает 2 строки Ячейка 2 занимает 2 столбца
Ячейка 3 Ячейка 4
Ячейка 5 Ячейка 6 Ячейка 7

Следующая страница.

Начало документа.

 
На главную Новости Философия Наша история Наши клиенты
English online Web маркетинг Forex Отзывы о нас Персоналии
Рейтинг@Mail.ru
Яндекс цитирования
e-bay.ru - поиск и продажа  любых товаров
learning tests finance law forex computer work about us shop partners other
deutsch