Учебник по веб дизайну
 Свободное программное обеспечение. Доступно. Бесплатно. Легально.
Учебник
HTML
  Первая страничка
  Форматирование
  Фон и цвет
  Изображения
  Изображение-карта
  Ссылки
  Таблицы
  Списки
  Фреймы
  Внутренние фреймы
CSS
DHTML
JavaScript
SSI
Раскрутка
Справочник
HTML
JavaScript
SSI
Браузеры
Хостинг
Скрипты
JavaScript
PHP
Статьи
SEO
HTML
Flash
Все об Интернет
Новости Интернет
Утилиты
Конструктор
Информер
А так же...
Наши баннеры
Контакты
Гостевая
Реклама на сайте

Таблицы

Таблица описывается тегом <TABLE>. Элементы таблицы строятся по рядам (строки). Ряд задается тегом <TR> (Table Row, ряд таблицы). Внутри ряда находятся ячейки (столбцы) (тег <TD> - Table Date, данные таблицы). Для заголовков столбцов вместо тега <TD> используется <TH> (Table Head, заголовок таблицы). Разница в этих тегах лишь в том, что текст в последнем центрируется и выделяется жирным шрифтом.

Пример простой таблицы размером 2х2 приведен ниже:

КодОтображение
<TABLE border="1">
<TR> <TD>Ячейка 1</TD><TD>Ячейка 2</TD> </TR>
<TR> <TD>Ячейка 3</TD><TD>Ячейка 4</TD> </TR>
</TABLE>
Ячейка 1Ячейка 2
Ячейка 3Ячейка 4

Свойства тега <TABLE> приведены в следующей таблице:

Свойство Описание
ALIGN Выравнивание таблицы в документе. Возможные значения: LEFT (по левому краю), CENTER (центрирование), RIGHT (по правому краю).
BORDER Толщина окантовки таблицы. Указывается в пикселях. При значении 0, окантовки нет
WIDTH Ширина таблицы. Значением может быть ширина в пикселях или же в процентах. По умолчанию ширина определяется содержимым ячеек таблицы.
BORDERCOLOR Цвет линий рамок таблицы.
BGCOLOR Цвет фона.
BACKGROUND Фоновое изображение.
FRAME VOID (избегать) - окантовка отсутствует, ABOVE (сверху), BELOW (снизу), HSIDES (Horisontal Sides - горизонтальные стороны), VSIDES (Vertical Sides - вертикальные стороны), LHS (Left Hand Side - слева), RHS (Right Hand Side - справа), BOX или BORDER - вся окантовка (значение по умолчанию).
RULES Возможные значения: NONE - нет линий, GROUPS - между группами, ROWS - между рядами, COLS - между колонками, ALL - рисуются все линии (значение по умолчанию).
CELLSPACING Расстояние между ячейками
CELLPADDING Расстояние между рамкой ячейки и ее содержимым

Пример центрированной таблицы с зелеными рамками и желтым фоном шириной 200 пикселей:

КодОтображение
<TABLE BORDER="1" WIDTH="200" ALIGN="center" BORDERCOLOR="green" BGCOLOR="yellow">
<TR> <TD> Ячейка 1 </TD> <TD> Ячейка 2 </TD> </TR>
</TABLE>
Ячейка 1 Ячейка 2

Приведем свойства, применимые к строкам и ячейкам таблицы:

Свойство Описание
ALIGN Горизонтальное выравнивание текста. Возможные значения: LEFT (по левому краю), CENTER (центрирование), RIGHT (по правому краю).
VALIGN Вертикальное выравнивание текста. Возможные значения: TOP (по верхнему краю), CENTER (по центру), BOTTOM (по нижнему краю).

Свойства, применимые только к ячейкам таблицы:

Свойство Описание
COLSPAN Объединение указанного числа колонок.
ROWSPAN Объединение указанного числа рядов.
NOWRAP Запрет на перенос текста на новую строчку внутри ячейки.
Реклама

Можно ли сообщение "Программа выполнила недопустимую операцию... обратитесь к разработчику" считать официальным вызовом в США?
главная :: наверх :: добавить в избранное :: сделать стартовой :: рекомендовать другу :: карта сайта

Rambler's Top100

Страница сгенерированна за 0.0177 сек.
Сайт оптимизирован под разрешение 800х600 и браузер MS IE 6.0.
Copyright © 2005-2010 originweb.info, design.originweb.info.
Хостинг ruweb.net