A. ЗАДАНИЕ на 4 занятие. Тема: Таблицы

Тема: Таблицы

Составить в виде таблицы расписание занятий (или другую таблицу подобной структуры).

А) Простая таблица

День недели	Время	Урок	Место	Преподаватель
Понедельник	08:00	информатика	1 корпус.	Атаманова

Б) Сложная таблица

	Нечетная неделя	Четная неделя
	Время	Предмет	Группа	Место	Предмет	Группа	Место
Пн

B. ПОРЯДОК РАБОТЫ:

Для представления табличной информации, т.е. структуры, подобной матричной в языке HTML используется теги – table, caption, tr, td, th.

Общая структура описания таблицы:

< table >

< caption > … </ caption)

< tr >

< th > содержание ячейки-заголовка

< td > содержание ячейки </ td >

</ tr >

</ table >

1. Тег table позволяет задавать общие свойства таблицы и отделяет ее структуру от остальной части web-страницы. Основные атрибуты:

· Форматирование: align= “center” | “left” | “right”

· Ширина таблицы: width= длина в пикселах или длина в процентах % от ширины окна.

· Ширина боковой линии рамки таблицы: border = ширина в пикселах.

· Ширина фронтальной линии рамки таблицы: cellspacing= ширина в пикселах.

· Размер пустого пространства, окружающего данные в ячейках:

cellpadding=Число пикселов

2. Тег caption задает заголовок таблицы, заголовок выводится на экране вне рамки таблицы. Имеет атрибут align=“top” | “bottom” - выводится заголовок сверху или снизу таблицы.

3. Количество строк таблицы определяется количеством встречающихся пар тэгов < tr >..</ tr >. Строки могут иметь атрибуты align и valign, которые описывают визуальное положение содержимого строк в таблице. Основные атрибуты:

· Форматирование: align=“center” | “left” | “right”

· Выравнивание содержимого всех ячеек в строке по вертикали:

ü valign="top" по верхнему краю

ü valign="middle" по центру

ü valign="bottom" по нижнему краю

4. Количество ячеек таблицы в строке определяется количеством встречающихся пар тэгов < td >...</ td >. Эти тэги описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Основные атрибуты:

ü Цвет фона ячейки: bgcolor=….

ü Форматирование: align=“center” | “left” | “right”

ü Выравнивание содержимого всех ячеек в строке по вертикали: valign="top" | "middle" | "bottom

ü объединение несколько ячеек строки в одну: colspan =Число объединяемых ячеек

ü объединение несколько ячеек столбца в одну: rowspan =Число объединяемых ячеек

ü Ширина ячейки: width=ширина ячейки в пикселах.

ü Высота ячейки: height=высота ячейки в пикселах.

5. Тег th – определяет ячейки, являющиеся заголовками строки или столбца. Этот элемент не имеет конечного тега и должен располагаться внутри элемента tr. Ячейка-заголовок отличается от обычной тем, что текст выводится полужирным шрифтом. Имеет те же атрибуты, что и тег th.

Дата добавления: 2015-10-02