2.3 Создание таблиц.
Подобно спискам таблицы HTML строятся по принципу вложенных элементов, т.е. элемент TABLE задает таблицу в целом, а в него вкладываются другие элементы.
Для обозначения таблицы используется контейнер <TABLE>. Описание таблицы имеет следующий вид:
<TABLE>
здесь размещается описание таблицы
<TABLE>
Состав таблицы задается с помощью следующих элементов:
CAPTION – название таблицы,
TH - задает ячейку заголовка,
TR - создает отдельную строку,
TD - определяет содержание ячейки данных.
На основании приведенного ниже кода создадим новый файл, который продемонстрирует использование таблицы.
<html>
<head>
<center>
<title> Пример использования таблицы </title>
</center>
</head>
<body>
<center>
<table border="1" cellpadding="0" cellspacing="0" width="50%" height="40%" bgcolor="yellow" bordercolor="red">
<CAPTION> <b>Вступительные экзамены </b></CAPTION>
<tr>
<td align="center"><b>Название дисциплины</b></td>
<td width="50%" align="center"><b>Ф.И.О. экзаменатора</b></td>
</tr>
<tr>
<td>Высшая математика</td>
<td>Петров И.И.</td>
</tr>
<tr>
<td>Информатика</td>
<td>Сидоров В.В.</td>
</tr>
</table>
</center>
</body>
</html>
Сохраните файл на диске под именем prim_9.html и откройте его в Internet Explorer.
Вы должны получить следующее изображение Web- странички:
Рис. 2.3 Пример использования таблиц.
В созданном файле были использованы атрибуты таблицы border, width, align, bgcolor, bordercolor.
Назначение этих атрибутов приведено ниже:
ALIGN - определение параметра выравнивания таблицы,
BGCOLOR - определение цвета фона таблицы
BORDER - толщина рамки в пик селах,
BORDERCOLOR - определение цвета рамки таблицы,
CELLSPACING - задает расстояние между ячейками таблицы,
CELLPADDING - задает расстояние между ячейкою и ее рамкою,
WIDTH - ширина таблицы процентах или в пикселях.
Контрольные вопросы
Назовите назначение элемента <IMG>? Какие форматы графических файлов в HTML?
Какие существуют типы гиперссылок? Чем они отличаются?
Какое назначение атрибутов имеет якорный элемент <A>?
Как реализуются графические гиперссылки?
Какое назначение имеют атрибуты элемента <TABLE>?
Список литературы
Холмогоров В. Основы Web-мастерства. Учебный курс. – СПб: Питер, -2005 г. -320 с.
Создаем страничку в Интернет. Быстрый старт. Учебное пособие 11-е изд. /Под ред.. Коцюбинский А.О., Грошев С.В., -2003 г., -320 с.
Изучаем Интернет, Создаем Web- страничку (Серия „КомпАс”) /Под ред.. Яку шина Е.В. –СПб. : ПИТЕР, -2003 г., -256 с.
Ваша Web- страница. Проблемы и решения. Практическое пособие /Под ред.. Коллахан -2002 г., -432 с.
Гаевский А.Ю., Романовский В.А. Самоучитель по созданию Web- страниц: HTML, JavaScript и Dynamic HTML. К.: А.С.К., - 2002 , -472 с.
Стауфер Т. Создание Веб – страниц. Самоучитель. (Серия «Самоучитель») -2003 г., -448 с.
Браун, Марк, Р., Хоникатт, Джерри и ДР. Использование HTML/ -М.; -СПб.; К.:Изд. Дом «Вильямс», 2000, -784 с.