УМП по КИТСоздание Web-документов с помощью HTM

5.1. Создание таблиц

Создание таблицы осуществляется с помощью парного тега <TABLE> … </TABLE >. Этот тег создает таблицу в том месте, где он добавлен в коде HTML.

Любая таблица состоит из строк, а строки – из ячеек. Для фор-мирования строк и ячеек таблицы используются следующие теги:

<TR> ... </TR> – новая строка;

<TH> ... </TH> – ячейка заголовка;

<TD> ... </TD> – обычная ячейка таблицы.

Эти теги записываются внутри парного тега <TABLE> … </TABLE >.

Формирование таблицы происходит по строкам – вначале задается одна строка и в ней указывается необходимое количество ячеек, затем вторая строка и т.д.

Для того чтобы на Web-странице получить таблицу, представленную на рис. 5.1, необходимо набрать следующий HTML-код:

<HTML>

<HEAD>

<TITLE> Страница с таблицей </TITLE>

</HEAD>

<BODY>

<TR>

<TH> Автомобили </TH> <TH> Цена </TH>

</TR>

<TR>

</TR>

<TR>

<TD> Гольф </TD> <TD> 6000 </TD>

</TR>

</TABLE >

</BODY>

</HTML>

Рис. 5.1. Страница с таблицей

Текст в ячейках заголовков таблицы (рис. 5.1) отображается полу-жирным шрифтом с выравниванием по центру ячейки, а в обычных ячейках текст не выделяется и выравнивается по левому краю.

Следует отметить, что в HTML-коде приведенной страницы тег <TABLE> содержит атрибут BORDER со значением "1". Это означает, что в таблице, приведенной на рис. 5.1, толщина внешней границы равна 1 пикселю. Если записать

<TABLE BORDER = "6"> … </TABLE >,

то толщина внешней границы будет равна 6 пикселям. Чтобы границы таблицы не отображались, необходимо атрибуту BORDER присвоить значение, равное 0, или просто этот атрибут опустить.

Содержание