Лабораторная работа №2

Дата добавления: 2015-07-09; просмотров: 543; Нарушение авторских прав

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

1. <TABLE> </TABLE> — главный тег, применяющийся для описания начала и конца таблицы, а также параметров отображения таблицы, таких, как ее размеры, оформление границ ячеек и т. п.

<TR> </TR> - тег, описывающий начало и конец строки таблицы.

<TD> </TD> - тег, описывающий начало и конец ячейки.

<TABLE border=4> <TR><TD bgcolor="yellow">Название турфирм

border- определяет ширину в пикселях граница таблицы. Может применяться для оформления графических изображений, особенно для созданных на прозрачном фоне.

<TD bgcolor="yellow">Страна

<TR><TD>Приют отшельника

<TD>Пустыня Сахара

<TR><TD>Морской Бриз

<TD>Остров Пасхи

</TABLE> </BODY></HTML>

2. Для управления размещением таблицы на Web-странице и для форматирования данных внутри таблицы служат параметры ALIGN и VALIGN.

Параметр ALIGN может иметь значения LEFT, RIGHT и CENTER.

VALIGN может принимать значения TOP, MIDDLE и BOTTOM.

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

При употреблении в теге <TABLE> параметр ALIGN управляет выравниванием таблицы относительно окна броузера, а при употреблении в тегах <TD> и <TR> — выравниванием содержимого относительно границ ячейки.

Параметр VALIGN применяется только внутри тегов <TR> и <TD>. При употреблении параметров ALIGN и VALIGN внутри тега <TR> выравнивание задается сразу для всех ячеек, содержащихся в этой строке.

<TR>

<TD VALIGN=TOP>VALIGN=TOP</TD>

<TD VALIGN=MIDDLE ALIGN=CENTER>ALIGN=CENTER

VALIGN=MIDDLE</TD>

<TD VALIGN=BOTTOM ALIGN=RIGHT>ALIGN=RIGHT

VALIGN=BOTTOM</TD>

</TR> </TABLE>

Задание. Выполнить приведенные примеры, объяснить результат. Создать таблицу 6Х6, в каждую ячейку поместите название городов, обеспечьте заливку ячеек разным цветом. Сохранить файл по именем Tab.html

<== предыдущая лекция	\|	следующая лекция ==>
Лабораторная №1	\|	Лабораторная работа №3