Таблица1 – Прайс - лист

Товар	Код	Количество	Цена
Молоко	0021	4 л	144 руб.
Масло	0032	2 п	96 руб.
Сыр плавленый	0012	0,5 кг	157 руб.

* таблица может быть заполнена другими данными

5.2 Создайте сложную таблицу согласно своему варианту:

5.3 Создайте таблицу в виде шахматной доски. Расставьте на ней фигуры использую специальные символы html:

6. Порядок выполнения работы:

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

7. Содержание отчета:

7.1 Наименование и цель работы

7.2 Код программы

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

8. Контрольные вопросы:

8.1 Назначение и виды таблиц в HTML – документе?

8.2 В чем различие тега <TH> и тега <TD>?

8.3 Как установить фоновый рисунок для таблицы?

ПРИЛОЖЕНИЕ:

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

Каждая таблица начинается тегом < TABLE > и заканчивается тегом </ TABLE >. Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в которых задаются данные для отдельных ячеек.

Каждая строка начинается тегом < TR > и заканчивается тегом </ TR >. Отдельная ячейка в строке обрамляется парой тегов < TD > и </ TD > или < TH > и </ TH >. Тег < TH > используется для ячеек заголовка таблицы, а < TD > – для ячеек данных. Отличие этих тегов в том, что в заголовке по умолчанию используется полужирный шрифт, а для данных – обычный.

Теги < TD > и < TH > не могут появляться вне описания строки таблицы < TR >.

Пример таблицы:

<HTML>

<HEAD>

<TITLE>Пример таблицы</TITLE>

</HEAD>

<BODY>

<TABLE>

<TR>

<TD>Ячейка 1</TD>

<TD>Ячейка 2</TD>

</TR>