Учебник по программированию на HTML

HTML в примерах

    HTML в примерах

Типичная таблица HTML с текстовыми ячейками

Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели:

  • Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста о таблице в документе).
  • Подзаголовки (headers) (объяснения) как для табличных строк, так и для колонок.
  • Рамки (borders) вокруг таблицы и каждой табличной ячейки.

Следующий, довольно типичный пример показывает все вышеупомянутые особенности:

<P>An illustration of the use of the TABLE element in HTML.</P> 
<TABLE BORDER=1> 
<CAPTION>
Finnish, English, and scientific names for some animals
</CAPTION> 
<TR><TH>
Finnish name
</TH><TH>
English name
</TH><TH>
Scientific name
</TH></TR> 
<TR><TD>
hirvi
</TD><TD>
elk
</TD><TD>
<I>Alces alces</I>
</TD></TR> 
<TR><TD>
orava
</TD><TD>
squirrel</TD><TD>
<I>Sciurus vulgaris</I>
</TD></TR> 
<TR><TD>
susi
</TD><TD>
wolf
</TD><TD>
<I>Canis lupus</I>
</TD></TR> 
</TABLE> 

Типичная таблица HTML с текстовыми ячейками

Рис. Типичная таблица с текстовыми ячейками.

Заметьте, что некоторые табличные элементы в примере содержат разметку текста; в данном случае есть специфические причины для использования элемента I.

Рейтинг@Mail.ru