Файл: ycheb/html_teach/24.php
Строк: 52
<?php
include '../../config.php';
$title='Учебник HTML';
aut();
head();
?>
<html><head>
<title> HTML учебник / HTML таблицы </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="HTML учебник HTML таблицы">
<meta name="description" content="HTML учебник: HTML таблицы ">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">
<table width="80%" align="center"><tr><td>
<!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / HTML таблицы </td></tr></table></td></tr></table><!--//-->
<h2>HTML таблицы</h2>
<P>Таблицы в HTML организуются как набор столбцов и строк. Ячейки
таблицы могут содержать любые HTML-элементы, такие, как заголовки,
списки, абзацы, фигуры, графику, а также элементы форм. </P>
<H3>Основные тэги таблицы </H3>
<P><B>Таблица:</B> <TABLE>...</TABLE>
<UL>
<P>Это основноые тэги, описывающие таблицу. Все элементы таблицы
должны находиться внутри этих двух тэгов. По умолчанию таблица не
имеет обрамления и разделителей. Обрамление добавляется атрибутом
BORDER. </P></UL>
<P><B>Строка таблицы:</B> <TR>...</TR>
<UL>
<P>Количество строк таблицы определяется количеством встречающихся
пар тэгов <TR>..</TR>. Строки могут иметь атрибуты
ALIGN и VALIGN, которые описывают визуальное положение содержимого
строк в таблице. </P></UL>
<P><B>Ячейка таблицы:</B> <TD>...</TD>
<UL>
<P>Описывает стандартную ячейку таблицы. Ячейка таблицы может быть
описана только внутри строки таблицы. Каждая ячейка должна быть
пронумерована номером колонки, для которой она описывается. Если в
строке отстутствует одна или несколько ячеек для некоторых
колонок, то броузер отображает пустую ячейку. Расположение данных
в ячейке по умолчанию определяется атрибутами ALIGN=left и
VALIGN=middle. Данное расположение может быть исправлено как на
уровне описания строки, так и на уровне описания ячейки. </P></UL>
<P><B>Заголовок таблицы: </B><TH>...</TH>
<UL>
<P>Ячейка заголовка таблицы имеет ширину всей таблицы; текст в
данной ячейке имеет атрибут BOLD и ALIGN=center. </P></UL>
<P><B>Подпись:</B> <CAPTION>...</CAPTION>
<UL>
<P>Данный тэг описывает название таблицы (подпись). Тэг
<CAPTION> должен присутствовать внутри
<TABLE>...</TABLE>, но снаружи описания какой-либо
строки или ячейки. По умолчанию <CAPTION> имеет атрибут
ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN
определяет, где - сверху или снизу таблицы - будет поставлена
подпись. Подпись всегда центрирована в рамках ширины таблицы.
</P></UL>
<H3>Основные атрибуты таблицы </H3>
<P><B>BORDER</B>
<UL>
<P>Данный атрибут используется в тэге TABLE. Если данный атрибут
присутствует, граница таблицы прорисовывается для всех ячеек и для
таблицы вцелом. BORDER может принимать числовое значение,
определяющее ширину границы, например BORDER=3. </P></UL>
<P><B>ALIGN</B>
<UL>
<P>Если атрибут ALIGN присутствует внутри тэгов <CAPTION> и
</CAPTION>, то он определяет положение подписи для таблицы
(сверху или снизу). По умолчанию ALIGN=top. <BR>Если атрибут ALIGN
встречается внутри <TR>, <TH> или <TD>, он
управляет положением данных в ячейках по горизонтали. Может
принимать значения left (слева), right (справа) или center (по
центру). </P></UL>
<P><B>VALIGN</B>
<UL>
<P>Данный атрибут встречается внутри тэгов <TR>, <TH>
и <TD>. Он определяет вертикальное размещение данных в
ячейках. Может принимать значения top (вверху), bottom (внизу),
middle (по середине) и baseline (все ячейки строки прижаты
кверху). </P></UL>
<P><B>NOWRAP</B>
<UL>
<P>Данный атрибут говорит о том, что данные в ячейке не могут
логически разбиваться на несколько строк и должны быть
представлены одной строкой. </P></UL>
<P><B>COLSPAN</B>
<UL>
<P>Указывает, какое количество ячеек будет объединено по
горизонтали для указанной ячейки. По умолчании - 1. </P></UL>
<P><B>ROWSPAN</B>
<UL>
<P>Указывает, какое количество ячеек будет объединено по вертикали
для указанной ячейки. По умолчании - 1. </P></UL>
<P><B>COLSPEC</B>
<UL>
<P>Данный параметр позволяет задавать фиксированную ширину колонок
либо в символах, либо в процентах, например COLSPEC="20%". </P></UL>
<hr align="left" width="50%" size="1" noshade>
<H3>Пример таблицы </H3>
<P><TABLE BORDER=1> <BR><CAPTION ALIGN=bottom>
Таблица №1 </CAPTION> <BR><TR><TD
ROWSPAN=2></TD><TH COLSPAN=2>Среднее
значение</TH></TR>
<BR><TR><TH>Рост</TH><TH>Вес</TH></TR>
<BR><TR><TD>Мужчины</TD><TD
ALIGN=center>174</TD><TD
ALIGN=center>78</TD></TR>
<BR><TR><TD>Женщины</TD><TD
ALIGN=center>165</TD><TD
ALIGN=center>56</TD></TR> <BR></TABLE> </P>
<P> </P>
<TABLE border=1>
<TBODY>
<TR>
<TD rowSpan=2> </TD>
<TH colSpan=2>Среднее значение </TH></TR>
<TR>
<TH>Рост </TH>
<TH>Вес </TH></TR>
<TR>
<TD>Мужчины </TD>
<TD align=middle>174 </TD>
<TD align=middle>78 </TD></TR>
<TR>
<TD>Женщины </TD>
<TD align=middle>165 </TD>
<TD align=middle>56 </TD></TR>
<TR>
<TD>Таблица №1 </TD><td> </td><td> </td></TR></TBODY></TABLE>
</td></tr></table>
</body></html>
<?php
echo gb.'<a href="../../ycheb">Учебники</a>'.div;
echo gb.'<a href="'.H.'enter">Прихожая</a>'.div;
foot(); ?>