Справочник по HTML : Таблицы

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

<TABLE>...</TABLE>

Данный тег помещает на Web-страницу таблицу.

Атрибуты <TABLE>:

  • align="left|center|right";
  • bgcolor="Цвет"
  • border="Толщина границы в пикселах"
  • cellpadding="Расстояние между содержимым ячейки и ее краев"
  • cellspacing="Расстояние между ячейками таблицы"
  • cols="Количество колонок"
  • height="Высота"
  • width="Ширина"

Атрибуты <TABLE> в IE:

  • accesskey="Клавиша-ускоритель"
  • background="Интернет-адрес файла изображения"
  • bordercolor="Цвет"
  • class="Стилевой класс"
  • datafld="Имя поля таблицы базы данных"
  • datapagesize="Размер страницы данных"
  • datasrc="Имя объекта-источника данных"
  • dir="ltr|rtl"
  • frame="none|above|below|hsides|lhs|rhs|vsides|box"
  • HIDEFOCUS
  • id="Имя"
  • lang="Код языка"
  • language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
  • rules="none|rows|cols|groups|all"
  • style="Определение встроенного стиля"
  • tabindex="Порядковый номер в последовательности"
  • title="Текст подсказки"

Атрибуты <TABLE> в NN:

  • hspace="Горизонтальный отступ"
  • vspace="Вертикальный отступ"

Блочный парный тег. Обязательных атрибутов не имеет, за исключением атрибута datapagesize, который обязателен при привязке таблицы к данным. Поддерживается IE начиная с 3.0 и NN начиная с 1.1

<CAPTION>...</CAPTION>

Заголовок таблицы.

Атрибуты <CAPTION>:

  • align="bottom|center|left|right|top";

Атрибуты <CAPTION> в IE:

  • accesskey="Клавиша-ускоритель"
  • class="Стилевой класс"
  • contenteditable="inherit|true|false"
  • dir="ltr|rtl"
  • DISABLED
  • HIDEFOCUS
  • id="Имя"
  • lang="Код языка"
  • language="JScript|javascript|vbs|vbscript|XML|Код языка скрипта"
  • style="Определение встроенного стиля"
  • tabindex="Порядковый номер в последовательности"
  • title="Текст подсказки"
  • valign="top|bottom"

Встроенный парный тег. Обязательных атрибутов не имеет. Поддерживается IE начиная с 3.0 и NN начиная с 1.1

<TH>...</TH>

Обозначает заголовок таблицы.

Атрибуты как у TD, только содержимое выравнивается по центру.

<TR>...</TR>

Метки строк в таблице.

Aтрибуты: ALIGN - устанавливает выравнивание текста в ячейках строки

  • ALIGN=LEFT - выравнивание влево
  • ALIGN=CENTER - выравнивание по центру
  • ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание текста в ячейках строки

  • VALIGN=TOP - выравнивание по верхнему краю
  • VALIGN=MIDDLE - по центру
  • VALIGN=BOTTON - по нижнему краю
  • VALIGN=CENTER
  • VALIGN=BASELINE
  • bgcolor - цвет фона
  • bordercolor - цвет рамки строки
  • bordercolordark - темный цвет рамки строки (IE)
  • bordercolorlight - светлый цвет рамки строки (IE)

<TD>...</TD>

Метки ячеек таблицы.

Aтрибуты: NOWRAP - содержимое ячейки показывать в одну строку COLSPAN - размах ячейки по горизонтали

  • COLSPAN=3 - ячейка на 3 колонки

ROWSPAN - размах ячейки по вертикали

  • ROWSPAN=2 - ячейка, за ней 2 строки

ALIGN - выравнивание текста в ячейках

  • ALIGN=LEFT - выравнивание влево
  • ALIGN=CENTER - выравнивание по центру
  • ALIGN=RIGHT - выравнивание вправо

VALIGN - вертикальное выравнивание

  • VALIGN=TOP - по верхнему краю
  • VALIGN=MIDDLE - по центру
  • VALIGN=BOTTOM - по нижнему краю

WIDTH - ширина ячейки в пикселях

  • WIDTH=200

HEIGHT - высота ячейки в пикселях

  • HEIGHT=40
  • bgcolor - цвет фона
  • background - фоновая графика (JPEG или GIF)
  • bordercolor - цвет рамки строки
  • bordercolordark - темный цвет рамки строки (IE)
  • bordercolorlight - светлый цвет рамки строки (IE)

<MULTICOL>...</MULTICOL>

Вывод текста в несколько столбцов.

Атрибуты:

COLS="n"
n - количество столбцов
GUTTER="m"
m - расстояние между столбцами

Смотрите также

Источник — «https://www.spravkaweb.ru/html/table/»
Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования