Таблицы

Одним из наиболее мощных и гибких средств представления информационных данных в HTML по праву являются таблицы. В HTML таблицы являются не только удобным средством структурирования информации. Сегодня таблица становиться основой большинство электронных документов, структура которых может включать самые разнообразные элементы HTML.

Таблица начинается с метки <TABLE> и заканчивается меткой </TABLE>. Любая таблица состоит из ряда (тэг-контейнер <TR>…</TR>, Table Row), содержащего определенное количество ячеек (тэг-контейнер <TD>…<TD>, Table Data). Тэг <TD> предназначен для указания данных в таблице, а для размещения заголовков в ячейке используется тэг <TH>…</TH> (Table Header).

Метка <TABLE> может включать несколько атрибутов:

Атрибут	Функция
`ALIGN`	Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: `ALIGN=LEFT` (выравнивание влево), `ALIGN=CENTER` (выравнивание по центру), `ALIGN=RIGHT` (выравнивание вправо).
`WIDTH`	Ширина таблицы. Ее можно задать в пикселях (например, `WIDTH= “400”`) или в процентах от ширины страницы (например, `WIDTH= “80%”` ).
`BORDER`	Устанавливает ширину внешней рамки таблицы и ячеек в пикселях (например, `BORDER= “4”`). Если атрибут не установлен, таблица показывается без рамки.
`CELLSPACING`	Устанавливает расстояние между рамками ячеек таблицы в пикселях (например, `CELLSPACING= “2”`).
`CELLPADDING`	Устанавливает расстояние между рамкой ячейки и текстом в пикселях (например, `CELLPADDING= “10”`).

Таблица может иметь заголовок (<CAPTION> ... </CAPTION>), хотя заголовок не является обязательным. Метка <CAPTION> может включать атрибут ALIGN. Допустимые значения: <CAPTION ALIGN=TOP> (заголовок помещается над таблицей) и <CAPTION ALIGN=BOTTOM> (заголовок помещается под таблицей).

Каждая строка таблицы начинается с метки <TR> и заканчивается меткой </TR>. Метка <TR> может включать следующие атрибуты:

Атрибут	Функция
`ALIGN`	Устанавливает выравнивание текста в ячейках строки. Допустимые значения: `ALIGN=LEFT` (выравнивание влево), `ALIGN=CENTER` (выравнивание по центру), `ALIGN=RIGHT` (выравнивание вправо).
`VALIGN`	Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: `VALIGN=TOP` (выравнивание по верхнему краю), `VALIGN=`CENTER (выравнивание по центру), `VALIGN=BOTTOM` (выравнивание по нижнему краю).

Каждая ячейка таблицы начинается с метки <TD> и заканчивается меткой </TD>. Метка <TD> может включать следующие атрибуты:

Атрибут	Функция
`NOWRAP`	Присутствие этого атрибута означает, что содержимое ячейки должно быть показано в одну строку.
`COLSPAN`	Устанавливает "размах" ячейки по горизонтали. Например, `COLSPAN= “3”` означает, что ячейка простирается на три колонки.
`ROWSPAN`	Устанавливает "размах" ячейки по вертикали. Например, `ROWSPAN= “2”` означает, что ячейка занимает две строки.
`WIDTH`	Устанавливает ширину ячейки в пикселях (например, `WIDTH= “200”`).
`HEIGHT`	Устанавливает высоту ячейки в пикселях (например, `HEIGHT= “40”`).
BORDERCOLOR="#FFFFFF"	Определяет цвет рамки #FFFFFF-белый цвет
BACKGROUND="image.gif"	Фоновая картинка таблицы.

Пример 4.

<HTML>

<HEAD>

<TITLE>Пример

</TITLE>

</HEAD>

<th Colspan="2"> <i><b><h1>Казахский Национальный Медицинский Университет

им. С.Д. Асфендиярова</h1></i></b></th>

</tr>

<tr>

<td align="center" rowspan="5"><i><b><h1>Факультеты </h1></i></b></td>

<td align="center">лечебный</td>

</tr>

<tr>

<td align="center">педиатрический </td>

</tr>

<tr>

<td align="center"> медико-профилактическое дело</td>

</tr>

<tr>

<td align="center">стоматологический</td>

</tr>

<tr>

<td align="center">фармацевтический</td>

</tr>

</table></ body></html

Перерыв - 10 мин

Методы обучения и преподавания: информационные технологии обучения.

Методы контроля формируемых на занятии компетенций:

ü решение ситуационных задач (студент должен выполнить индивидуальное задание для получения определенных навыков по решению типовых задач);

ü коммуникативные навыки оцениваются с помощью оценочного листа.

Самостоятельная работа студентов - 50 мин

Освоение практических навыков: Решение типовых и ситуационных задач.

Литература:

1. Ш.Д.Шарф HTML 3.2. Справочник-С.-ПБ.,1998.

2. Морис Б. HTML в действии-С.-ПБ., 1997

3. Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,

предпринимателей и банкиров.-М.,2001.

4. Под редакцией С.В.Симоновича. Информатика. Базовый курс.

Учебник для ВУЗов 2001, 640 с.

Перерыв - 10 мин