Просмотр архива Сервисы WAP Мастеру


<? include 'head.php' ?>
<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> &lt;TABLE&gt;...&lt;/TABLE&gt; 
<UL>
  <P>Это основноые тэги, описывающие таблицу. Все элементы таблицы 
  должны находиться внутри этих двух тэгов. По умолчанию таблица не 
  имеет обрамления и разделителей. Обрамление добавляется атрибутом 
  BORDER. </P></UL>
<P><B>Строка таблицы:</B> &lt;TR&gt;...&lt;/TR&gt; 
<UL>
  <P>Количество строк таблицы определяется количеством встречающихся 
  пар тэгов &lt;TR&gt;..&lt;/TR&gt;. Строки могут иметь атрибуты 
  ALIGN и VALIGN, которые описывают визуальное положение содержимого 
  строк в таблице. </P></UL>
<P><B>Ячейка таблицы:</B> &lt;TD&gt;...&lt;/TD&gt; 
<UL>
  <P>Описывает стандартную ячейку таблицы. Ячейка таблицы может быть 
  описана только внутри строки таблицы. Каждая ячейка должна быть 
  пронумерована номером колонки, для которой она описывается. Если в 
  строке отстутствует одна или несколько ячеек для некоторых 
  колонок, то броузер отображает пустую ячейку. Расположение данных 
  в ячейке по умолчанию определяется атрибутами ALIGN=left и 
  VALIGN=middle. Данное расположение может быть исправлено как на 
  уровне описания строки, так и на уровне описания ячейки. </P></UL>
<P><B>Заголовок таблицы: </B>&lt;TH&gt;...&lt;/TH&gt; 
<UL>
  <P>Ячейка заголовка таблицы имеет ширину всей таблицы; текст в 
  данной ячейке имеет атрибут BOLD и ALIGN=center. </P></UL>
<P><B>Подпись:</B> &lt;CAPTION&gt;...&lt;/CAPTION&gt; 
<UL>
  <P>Данный тэг описывает название таблицы (подпись). Тэг 
  &lt;CAPTION&gt; должен присутствовать внутри 
  &lt;TABLE&gt;...&lt;/TABLE&gt;, но снаружи описания какой-либо 
  строки или ячейки. По умолчанию &lt;CAPTION&gt; имеет атрибут 
  ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN 
  определяет, где - сверху или снизу таблицы - будет поставлена 
  подпись. Подпись всегда центрирована в рамках ширины таблицы. 
</P></UL>
<H3>Основные атрибуты таблицы </H3>
<P><B>BORDER</B> 
<UL>
  <P>Данный атрибут используется в тэге TABLE. Если данный атрибут 
  присутствует, граница таблицы прорисовывается для всех ячеек и для 
  таблицы вцелом. BORDER&nbsp;может принимать числовое значение, 
  определяющее ширину границы, например BORDER=3. </P></UL>
<P><B>ALIGN</B> 
<UL>
  <P>Если атрибут ALIGN присутствует внутри тэгов &lt;CAPTION&gt; и 
  &lt;/CAPTION&gt;, то он определяет положение подписи для таблицы 
  (сверху или снизу). По умолчанию ALIGN=top. <BR>Если атрибут ALIGN 
  встречается внутри&nbsp;&lt;TR&gt;, &lt;TH&gt; или &lt;TD&gt;, он 
  управляет положением данных в ячейках по горизонтали. Может 
  принимать значения left (слева), right (справа) или center (по 
  центру). </P></UL>
<P><B>VALIGN</B> 
<UL>
  <P>Данный атрибут встречается внутри тэгов &lt;TR&gt;, &lt;TH&gt; 
  и &lt;TD&gt;. Он определяет вертикальное размещение данных в 
  ячейках. Может принимать значения 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>&lt;TABLE&nbsp;BORDER=1&gt; <BR>&lt;CAPTION ALIGN=bottom&gt; 
Таблица №1 &lt;/CAPTION&gt; <BR>&lt;TR&gt;&lt;TD 
ROWSPAN=2&gt;&lt;/TD&gt;&lt;TH&nbsp;COLSPAN=2&gt;Среднее 
значение&lt;/TH&gt;&lt;/TR&gt; 
<BR>&lt;TR&gt;&lt;TH&gt;Рост&lt;/TH&gt;&lt;TH&gt;Вес&lt;/TH&gt;&lt;/TR&gt; 
<BR>&lt;TR&gt;&lt;TD&gt;Мужчины&lt;/TD&gt;&lt;TD 
ALIGN=center&gt;174&lt;/TD&gt;&lt;TD 
ALIGN=center&gt;78&lt;/TD&gt;&lt;/TR&gt; 
<BR>&lt;TR&gt;&lt;TD&gt;Женщины&lt;/TD&gt;&lt;TD 
ALIGN=center&gt;165&lt;/TD&gt;&lt;TD 
ALIGN=center&gt;56&lt;/TD&gt;&lt;/TR&gt; <BR>&lt;/TABLE&gt; </P>
<P>&nbsp;</P>
<TABLE border=1>
  <TBODY>
  <TR>
    <TD rowSpan=2>&nbsp;</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>&nbsp;</td><td>&nbsp;</td></TR></TBODY></TABLE>

  </td></tr></table>

 



</body></html>
<? include 'foot.php' ?>