Цель работы:

• Научиться использовать таблицы для оформления web-страниц

1. Создать таблицу по приведенному образцу, сохранить документ под именем tabl.html. Сверху над таблицей разместить заголовок Таблица №1

П ри отображении таблицы в браузере должны удовлетворяться следующие условия:

• таблица должна быть выровнена по центру и быть правильной (симметричной) формы;

• в центральной ячейке поместить символ * (звездочка), остальные ячейки должны быть пустыми.

Примечание. Для отображения пустых ячеек в них нужно поместить символьный примитив пробела  

2. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее:

• В центральной ячейке разместить рисунок Img3.png

• «Раскрасить» все остальные ячейки в различные цвета.

3. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу.

Примечание. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan=

4. Продемонстрировать результат.

ПРИЛОЖЕНИЕ 4.1

Теги оформления таблиц

Определить таблицу	<TABLE></TABLE>	Пример <TABLE border=”1” align =«CENTER» width=«50%» > <TR> <TH >Товар</TH> <TH>Цена</TH> </TR> <TR> <TD>Радиотелефон</TD> <TD>2000 </TD> </TR> </TABLE> Товар Цена Радиотелефон 2000
Окантовка таблицы	<TABLE BORDER =”?”> </TABLE>
Строка таблицы	<TR> </TR>
Выравнивание	<TR ALIGN=left | right | center | middle | bottom >
Ячейка таблицы	<TD></TD>
Выравнивание по горизонтали	<TD ALIGN=LEFT | RIGHT | CENTER>
Выравнивание по вертикали	<TD VALIGN = TOP|MIDDLE| BOTTOM>
Установка ширины ячейки (в пикселях или %)	<TD WIDTH=«?»>
Заливка цветом ячейки	<TD BGCOLOR = «# цвет»> </TD>	<TD BGCOLOR = «#FF0000»> </TD> красный цвет
Заголовок столбца или строки	<TH>текст </TH>	Текст в ячейке выравнивается по центру, устанавливается жирный шрифт

11