WEB-Дизайн

Основы WEB-дизайнаИнформационная архитектураВизуальная концепция сайтаПроектирование эффективных WEB-страницНаписание текстов для интернетаРазработка навигацииПринципы гипертекстовой разметки Структура WEB-документовБазовые теги HTMLТеги тела WEB - документаТеги списковГипертекстовые ссылкиСтруктура ссылок в HTML-документеДобавление стилейТаблицы в HTMLФормы в HTMLЗадание по таблицам и формамЭкзаменационные заданияПримеры решения заданий по WEB-дизайнуИнструменты для построения сайтовLorem ipsumЗаказать сайт

Предметы

WEB-ДизайнМетрология и СтандартизацияSEO оптимизацияМаркетингМаркетинговые исследованияТеория организацииОрганизация маркетинговой деятельности на предприяУправление проектамиУправленческие решенияИнформатикаИнформационные системы и Базы данныхТелекоммуникационные и компьютерные технологии в СИнтернет-маркетингМенеджментИстория МенеджментаПерсональный менеджментИнформационный менеджментМеждународный маркетингМировые Информационные РесурсыПланирование карьерыE-learn

Создайте сайт своими руками

Подпишитесь на бесплатные видеоуроки


Начни зарабатывать деньги в Интернете!!!

Подпишись на бесплатный курс

Ваш e-mail: *
Ваше имя: *
Подписчиков:

Таблицы в HTML

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

Основные тэги таблицы

Таблица: <TABLE>...</TABLE>


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

Строка таблицы: <TR>...</TR>
Количество строк таблицы определяется количеством встречающихся пар тэгов <TR>..</TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице.

Заголовок таблицы: <TH>...</TH>
Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.

Подпись: <CAPTION>...</CAPTION>
Данный тэг описывает название таблицы (подпись). Тэг <CAPTION> должен присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки. По умолчанию <CAPTION> имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы.

Основные атрибуты таблицы

BORDER
Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDERпможет принимать числовое значение, определяющее ширину границы, например BORDER=3.
ALIGN
Если атрибут ALIGN присутствует внутри тэгов <CAPTION> и </CAPTION>, то он определяет положение подписи для таблицы (сверху или снизу). По умолчанию ALIGN=top.
Если атрибут ALIGN встречается внутрип<TR>, <TH> или <TD>, он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру).
VALIGN
Данный атрибут встречается внутри тэгов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху).
NOWRAP
Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.
COLSPAN
Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании - 1.
ROWSPAN
Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании - 1.
COLSPEC
Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%".

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

<TABLE BORDER=5>
<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>

 

 

Таблица п1
  Среднее значение
РостВес
Мужчины 174 78
Женщины 165 56