Главная Интернет WEB-учебник Описание HTML


Интернет клуб

Новая страница
Описание html

HTML-язык WWW
HTML документ
Заголовки
Списки
Параграфы
Символы
Цвет
Спецсимволы
Комментарии
Таблицы
Гиперссылки
Кадры
Спецэффекты
Формы
Поддиректории
Команды МЕТА
Листы стилей

Javascript
Java в примерах
Полезные сайты
Задайте вопрос









Web-учебник. Раздел 2. Описание html



Создание таблиц

Таблица создается с помощью команд <TABLE> и </TABLE>.
Команда <TABLE> может иметь следующие параметры:
- UNITS - может принимать значение RELATIVE или PIXELS. Определяет единицы измерения в других параметрах. По умолчанию, UNITS = PIXELS.
- BORDER - определяет линии, разграничивающие клетки в таблице. Ширина линии задается командой BORDER = N.
- CELLPADDING - Определяет минимальный промежуток вокруг содержимого таблицы.

- BGCOLOR - Определяет цвет фонового изображения в таблице. Во всех таблицах данного документа я использую BGCOLOR= WHITE

Есть еще несколько команд, задающих цвет обрамления:
-BORDERCOLOR,
-BORDERCOLORDARK,
-BORDERCOLORLIGHT,
но они используются только в Explorer

Простейшая таблица состоит из одной клетки с данными.
Команды <TD> и </TD> определяют соответственно начало и конец данных в клетке.
Строго говоря, команда </TD> не является обязательной, но я советую ею пользоваться для облегчения чтения исходного текста.

Пример.
Таблица задана в следующем виде:

<TABLE BORDER CELLPADDING= 2 BGCOLOR= WHITE >
<TD>
Текст в таблице </TD>
</TABLE>

При отображении она выглядит следующим образом:

Текст в таблице





Строка клеток создается повторением команд <TD> и </TD>.

Пример.
<TABLE BORDER CELLPADDING= 2 BGCOLOR= WHITE >
<TD>
Содержимое 1 </TD>
<TD>
Содержимое 2 </TD>
<TD>
Содержимое 3 </TD>
</TABLE>

отображается следующим образом:

Содержимое 1 Содержимое 2 Содержимое 3

Для формирования таблицы, состоящей из нескольких строк, воспользуйтесь командой <TR> , разделяющей строки.

Пример.
<TABLE BORDER CELLPADDING= 2 BGCOLOR= WHITE >
<TD> Содержимое 1 </TD>
<TD>
Содержимое 2 </TD>
<TR>
<TD>
Содержимое 3 </TD>
<TD>
Содержимое 4 </TD>
<TR>
<TD>
Содержимое 5 </TD>
<TD>
Содержимое 6 </TD>
</TABLE>

отображается в виде:

Содержимое 1 Содержимое 2
Содержимое 3 Содержимое 4
Содержимое 5 Содержимое 6

Команды <TH> и </TH> используются для обозначения заголовка столбца клеток.
Например, таблица:

<TABLE BORDER CELLPADDING= 2 BGCOLOR= WHITE >
<TH> Содержимое </TH>
<TH>
Название </TH>
<TR>
<TD ALIGN = CENTER>
HTML </TD>
<TD ALIGN = CENTER>
Язык <br>
разметки <br>
гипертекста </TD>
</TABLE>

отображается следующим образом:

Содержимое Название
HTML Язык
разметки
гипертекста

Параметры ROWSPAN и COLSPAN команд <TD> и <TH> используются для формирования клеток данных, обьединяющих более одной строки или столбца.
Например, таблица:

<TABLE BORDER CELLPADDING= 2 BGCOLOR= WHITE >
<TH>
Язык программирования </TH>
<TH ALIGN = LEFT COLSPAN =
2 > Особенности </TH>
<TR>
<TD>
C++ </TD>
<TD ROWSPAN =
2 > Использует </TD>
<TD>
Классы </TD>
<TR>
<TD>
Visual BASIC </TD>
<TD>
Обьекты </TD>
</TABLE>

Отображается в виде:

Язык программирования Особенности
C++ Использует Классы
Visual BASIC Обьекты







  ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org