Рассылка www.webg.ru: #1 (13) от 8го января 2003 года.
Все тонкости и секреты HTML
В этом выпуске: Table & Caption | TR & TD & TH & Примеры | Поиск хостера | Интересные ресурсы | Ссылки в web: Архив рассылок | Статьи по PhotoShop | CorelDRAW | Статьи по WEB | Анимация | Иконки для windows | Flash | HTML | DHTML | Java | FrontPage | Dreamweaver | Фоны | Программы | Клуб web-мастеров
Доброе время суток!
Table & Caption

Таблицы

Элементы для создания таблиц: TABLE, CAPTION, TR, TD и TH

Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

Пример:
<TABLE BORDER>
    <TR>
        <TD>A1</TD> <TD>B1</TD> <TD>C1</TD>
    </TR>
    <TR>
        <TD>A2</TD> <TD>B2</TD> <TD>C2</TD>
    </TR>
</TABLE>


Результат:

A1 B1 C1
A2 B2 C2

TABLE

Элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION.

Параметры:

ALIGN - определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию - left.

VALIGN - должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения: top, bottom, middle.

BORDER - определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет.

CELLPADDING - определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING - определяет расстояние (в пикселах) между границами соседних ячеек.

WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT - определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

BGCOLOR - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.


Примечания:

- Если параметр HEIGHT указать равным 100%, то старые версии Internet Explorer будут создавать таблицу высотой чуть превышающей высоту окна браузера. Чтобы этого избежать, можно пожертвовать рамкой таблицы, указав BORDER="0".
- Старые версии Netscape работают некорректно, если ширина и высота таблицы равны 100%. В этом случае вокруг таблицы остается свободное пространство.
- Параметр VALIGN работает очень загадочно. Скорее, вообще не работает.
- Параметр ALIGN не работает в старых версиях браузера Internet Explorer. Чтобы осуществить желаемое выравнивание таблицы, нужно поместить ее между тэгами элемента DIV:

Пример:
<DIV ALIGN="center">
    <TABLE WIDTH="70">
    ...
    </TABLE>
</DIV>

CAPTION

Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Использование блочных элементов в этом случае недопустимо.

Параметры:

ALIGN - определяет способ вертикального выравнивания заголовка таблицы. Возможные значения:

    top - помещает заголовок над таблицей (значение по умолчанию);
    bottom - помещает заголовок под таблицей.

Пример:
<TABLE BORDER="1">
    <CAPTION ALIGN="bottom">Заголовок таблицы</CAPTION>
    <TR>
        <TD>Ячейка таблицы</TD>
    </TR>
</TABLE>

Поиск хостера
Поисковая система Xosting.ru предоставляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта, и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!
TR & TD & TH & Примеры

TR

Создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH.

Параметры:

ALIGN - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right.

VALIGN - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle.

BGCOLOR - определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

TD и TH

Элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок.
Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, улучшается работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.

Параметры:

ALIGN - определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением параметра ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH - центрирование.

VALIGN - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого параметра не было задано ранее в элементе TR.

WIDTH - определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.

HEIGHT - определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы.

COLSPAN - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

ROWSPAN - определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

NOWRAP - блокирует автоматический перенос слов в пределах текущей ячейки.

BGCOLOR - определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND - заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Данный параметр не работает в старых версиях браузера Netscape (до 3.X включительно).

Примечания:

- Границы ячейки отображаются только в том случае, когда она имеет некое содержание. Чтобы получить пустую ячейку с границами, достаточно поместить в нее специальный символ &nbsp;
- Параметр HEIGHT , указанный в процентном отношении, работает нормально лишь в том случае, когда явно задана высота всей таблицы.
- Один из наиболее распространенных приемов web-дизайнера - создание "таблицы в таблице". Для этого достаточно расположить одну таблицу внутри ячейки другой.

Примеры таблиц

Пример 1:

<TABLE BORDER>
    <TR>
        <TH ROWSPAN=2>HDD</TH>
        <TD>WD Caviar 3.1Gb</TD><TD ALIGN="right">85$</TD>
    </TR>
    <TR>
        <TD>Quantum FB ST 6.4Gb</TD><TD ALIGN="right">110$</TD>
    </TR>
</TABLE>


Результат:

HDD WD Caviar 3.1Gb85$
Quantum FB ST 6.4Gb110$

Пример 2:

<TABLE BORDER>
    <TR>
        <TH COLSPAN=2>Video</TH>
    </TR>
    <TR>
        <TD>Matrox G400</TD><TD ALIGN="right">115$</TD>
    </TR>
    <TR>
        <TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD>
    </TR>
</TABLE>


Результат:

Video
Matrox G400115$
Voodoo III129.95$
Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...
DVK URL CLUB - PhotoShop, статьи, форум.

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - пиши на kornev@vns.ru
Ведущий рассылки: Павел http://www.webg.ru