Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Таблицы в HTML-документах

Структура HTML – документа | Выравнивание параграфов текста | Описание термина располагается в контейнере <DD>описание</DD>. | Форматирование шрифта | Цвет в HTML – документах | Графика в HTML-документах | Сегментированная графика. Элементы <MAP> и <AREA>. | Ссылки в HTML-документах | Фреймы в HTML-документах | Примеры задания 2.12. |


Читайте также:
  1. V. Проверка и закрепление знаний столбика составленной таблицы
  2. Алгоритм организации работы по изучению таблицы умножения
  3. Графика в HTML-документах
  4. Задание 2. Таблицы и рамки в документах Web
  5. и ** - пример заполнения таблицы
  6. Изменение макета таблицы
  7. Имеются радионуклиды средней части таблицы Д.И.Менделеева и три радиоактивных семейства тяжелых радионуклидов.

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

Параметры таблицы предоставляют чрезвычайно широкие и разнообразные возможности форматирования и цветового оформления элементов гипертекста для каждой отдельной ячейки. Вместе с тем необходимо подчеркнуть, что стандарты языка HTML настоятельно рекомендуют использовать для позиционирования элементов таблицы стилей. Однако рекомендации стандарта языка HTML не исключают использования таблиц в HTML-документах. Более того, изучение предлагаемого материала позволит более осмысленно использовать не только таблицы стилей, но и все другие средства проектирования HTML-документа.

При проектировании HTML-документа формат и основные параметры таблицы задаются элементами <TABLE>...</TABLE>. Каждая таблица может иметь заголовок, описание которого задается элементом <CAPTION>. Строки таблицы могут группироваться с целью создания сравнительно самостоятельных функциональных разделов таблицы: заголовков (элемент THEAD), тела таблицы (элемент TBODY) и колонтитула таблицы (элемент TFOOT). Разделение таблицы на заголовки, тело и колонтитулы позволяет создавать линейки скроллинга (прокрутки) для тела таблицы, независимые от заголовков и колонтитулов. При печати длинных таблиц информация из заголовков и колонтитулов может повторяться на каждой странице таблицы.

Аналогично могут группироваться и столбцы таблицы с целью получения необходимой структуры таблицы. Свойства столбцов таблицы могут задаваться в этом случае в начале определения таблицы с помощью элементов COLGROUP и COL.

 

Синтаксис элемента <TABLE>...</TABLE>

<TABLE attribute_1="value 1" attribute_2="value 2" … attribute_n="value n">…</TABLE>

 

Атрибуты элемента <TABLE>

 

Наименование атрибута Описание атрибута
width Ширина таблицы в пикселях или в процентах от ширины окна броузера.
align Определяет выравнивание таблицы в окне броузера. Допустимые значения: left — таблица выравнивается по левому края окна просмотра; center — центрирование таблицы; right — таблица выравнивается по правому края окна просмотра
background Растровое графическое изображение, используемое в качестве фона для отображения таблицы.
bgcolor Цвет фона таблицы.
border Установка толщины рамки вокруг таблицы в пикселях. Если значение атрибута равно нулю (по умолчанию), то рамка не рисуется и все остальные атрибуты, связанные с рамками, не принимаются во внимание.
bordercolor Установка цвета рамки. Параметр используется совместно с с параметром border.
cellpadding Задает расстояние между краями ячейки таблицы и содержимым этой ячейки.
cellspacing Расстояние между рамкой таблицы и ячейками этой таблицы.
cols Количество столбцов в таблице.
frame Параметр определяет внешний вид рамки вокруг таблицы. Возможные значения: - border — рамка отображается со всех сторон таблицы (используется по умолчанию); - void — рамка вокруг таблицы не отображается; - above — отображается верхняя часть рамки; - below — отображается нижняя часть рамки; - hsides — отображается верхняя и нижняя части рамки; - lhs — отображается левая часть рамки; - rhs — отображается правая часть рамки; - vsides — отображается левая и правая части рамки; - box — рамка отображается только с внешней стороны таблицы.
rules Параметр определяет внешний вид линий, которыми разделяются ячейки таблицы. Этот параметр может принимать значения: - none — разделительные линии между ячейками таблицы не отображаются; - groups — отображаются горизонтальные разделительные линии между всеми группами таблицы, определенными операторами THEAD, TBODY, TFOOT и COLGROUP; - rows — отображаются горизонтальные разделительные линии между всеми строками таблицы; - cols — отображаются вертикальные разделительные линии между всеми столбцами таблицы; - all — отображаются все разделительные линии между всеми строками и столбцами таблицы.
valign Параметр определяет выравнивание таблицы по вертикали относительно окна броузера. Допустимы значения: - top — выравнивание по верхней границе окна; - middle — выравнивание по середине окна; - bottom — выравнивание по нижней границе окна; - baseline — выравнивание относительно базовой линии текста.  

 

Рассматриваемый элемент имеет общие атрибуты (id, class, style, lang, dir) и атрибуты для установки обработчиков событий (onclick, ondblclick, onmousedown и другие), которые здесь не рассматриваются.

Содержание контейнера <TABLE>...</TABLE> включает табличные элементы <caption>, <col>, <thead>, <colgroup>, <tfoot>, <tbody>, <tr>. Собственного выводимого текста контейнер <TABLE>...</TABLE> не имеет. Если текст случайно оказывается в контейнере <TABLE>...</TABLE>, то этот текст выводится за пределами таблицы.

Элемент <caption> используется для определения подписи таблицы. Оператор <caption> определяет размещение подписи таблицы. Располагается сразу после оператора <TABLE>.

Синтаксис элемента

<CAPTION attribute_1="value 1" attribute_2="value 2" …>…</CAPTION>

Атрибуты элемента

 

Наименование атрибута Описание атрибута
align Параметр указывает положение подписи относительно таблицы. Допустимы значения: - top — подпись располагается над таблицей (используется по умолчанию); - bottom — подпись располагается под таблицей; - left — подпись располагается слева от таблицы; - right — подпись располагается справа от таблицы.  

 

Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.

 


Дата добавления: 2015-10-02; просмотров: 57 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Lt;IFRAME> является контейнером, располагающимся в отображаемом HTML-документе.| Организация колонок. Элементы <COLGROUP> и <COL>.

mybiblioteka.su - 2015-2024 год. (0.007 сек.)