Пятница, 2024-04-26, 02:23:11
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Меню сайта
Категории
Scripts [13] WEB Help [6] WEB Tools [4]
HTML [7] CSS [0] Flash [1]
Generators [0] Book online [2] WEB Toys [1]
Мои файлы [0]
Теги
Цвета и краски papier PS Acrylic floral decorative paintings Book online Жестово HTML Editor Web Design my painting Scripts Web Tools web color HTML FONTS HTML Forms HTML Line HTML Table Flash tutorial Dreamweaver html Toys фото-на фото-натюрморт Funny cat инструмент Background art gallery Site-Atr Gallery уроки рисования Урок рисования book Gallery текстура
Переводчик
Форма входа
Color Picker
1 Color Wizard
2 Color Picker
3 Color Picker
Главная » Файлы » WEB » HTML

Список публикаций раздела
HTML Table


2011-02-10, 15:16:32

HTML Table Theory





HTML Table Theory



1 Основные тэги таблицы. Таблица: <TABLE>...</TABLE> Таблицы в HTML организуются как
набор столбцов и строк. Ячейки
таблицы могут содержать любые
HTML-элементы, такие, как заголовки,
списки, абзацы, фигуры, графику, а также
элементы форм.
Это основноые тэги, описывающие таблицу.
Все элементы таблицы должны находиться внутри
этих двух тэгов.
2 Oсновноые тэги, описывающие
таблицу
BORDER Обрамление таблицы ,по умалчиванию=1
BORDER может принимать числовое значение,
определяющее ширину границы, например
BORDER=3.
3 Строка таблицы <TR>...</TR> Количество строк таблицы определяется
количеством встречающихся пар тэгов
<TR>..</TR>. Строки могут
иметь атрибуты ALIGN и VALIGN, которые
описывают визуальное положение содержимого
строк в таблице.
4 Ячейка таблицы <TD>...</TD> Описывает стандартную ячейку таблицы.
Ячейка таблицы может быть описана только внутри
строки таблицы. Каждая ячейка должна быть
пронумерована номером колонки, для которой она
описывается.
Если в строке отстутствует одна или несколько ячеек
для некоторых колонок, то броузер отображает пустую
ячейку. Расположение данных в ячейке по умолчанию
определяется атрибутами
ALIGN=left и
VALIGN=middle.
Данное расположение может быть исправлено
как на уровне описания строки, так и на уровне
описания ячейки.
5 Заголовок таблицы <TH>...</TH> Ячейка заголовка таблицы имеет ширину
всей таблицы; текст в данной ячейке имеет
атрибут BOLD и ALIGN=center.
6 Подпись <CAPTION>...</CAPTION> Данный тэг описывает
название таблицы (подпись).
Тэг <CAPTION> должен присутствовать внутри
<TABLE>...</TABLE>, но снаружи описания
какой-либо строки или ячейки. По умолчанию
<CAPTION> имеет атрибут ALIGN=top,
но может быть явно установлен в ALIGN=bottom.
ALIGN определяет, где - сверху или снизу
таблицы - будет поставлена подпись.
Подпись всегда центрирована в рамках
ширины таблицы.
7 Горизонтальное размещение данных ALIGN Если атрибут ALIGN присутствует
внутри тэгов <CAPTION> и </CAPTION>, то он
определяет положение подписи для таблицы
(сверху или снизу). По умолчанию ALIGN=top.
Если атрибут ALIGN встречается внутри
<TR>, <TH> или <TD>, он управляет положением
данных в ячейках по горизонтали.
Может принимать значения
- left (слева),
- right (справа) или
- center (по центру)
- |justify (выравнивание по ширине)
- char
8 Вертикальное размещение данных VALIGN Данный атрибут встречается внутри
тэгов <TR>, <TH> и <TD>. Он определяет
вертикальное размещение данных в ячейках.
Может принимать значения
-top (вверху),
- bottom (внизу),
- middle (по середине) и
-baseline (все ячейки строки прижаты кверху).
9 Данные в ячейке не могут разбиваться NOWRAP Данный атрибут говорит о том, что
данные в ячейке не могут логически разбиваться
на несколько строк и должны быть представлены
одной строкой.
10 Объединено по горизонтали COLSPAN Указывает, какое количество ячеек будет
объединено по горизонтали для указанной ячейки.
По умолчании - 1.
11 Объединено по вертикали ROWSPAN Указывает, какое количество ячеек будет
объединено по вертикали для указанной ячейки.
По умолчании - 1.
12 Фиксированная ширина колонок COLSPEC Данный параметр позволяет задавать
фиксированную ширину колонок либо в
символах, либо в процентах, например
COLSPEC="20%"
13 Пример таблицы
Таблица 1

Среднее значение
РостВес
Мужчины17478
Женщины16556
<TABLE BORDER=1>
<CAPTION ALIGN=bottom> Таблица 1 </CAPTION>
<TR><TD ROWSPAN=2></TD><TH COLSPAN=2>Среднее значение</TH></TR>
<TR><TH>Рост</TH><TH>Вес</TH></TR>
<TR><TD>Мужчины</TD><TD ALIGN=center>174</TD><TD ALIGN=center>78</TD></TR>
<TR><TD>Женщины</TD><TD ALIGN=center>165</TD><TD ALIGN=center>56</TD></TR>
</TABLE>
14 Elements for constructing
tables
summary %Text;
width %Length;
border %Pixels;
frame %TFrame;
rules %TRules;
cellspacing %Length;
cellpadding %Length;
-purpose/structure for speech output
- table width
- controls frame width around table
- which parts of frame to render
- rulings between rows and cols
- spacing between cells
- spacing within cells





<TABLE valign="top">
<TABLE align="left"> <TABLE align="center">
<TABLE valign="middele">
<TABLE align="right">

<TABLE valign="bottom">


Foksik tutor


Категория: HTML | Добавил: foksik | Теги: HTML Table
Просмотров: 1302 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • Создать бесплатный сайт с uCoz