Лабораторная работа № 6. Создание таблиц

Цель работы: Научиться создавать таблицы заданного размера; объединять ячейки по горизонтали и вертикали; создавать фиксированные и динамические таблицы; управлять расстоянием между ячейками и рамкой таблицы.

Содержание лабораторной работы

1. Создать файл lab6.html и сохранить его в своей папке.

2. Создать таблицу, установить следующие параметры: расположение на экране – по центру, ширина 70% от ширины экрана. Цвет вертикальной общей ячейки – морская волна, общей горизонтальной ячейки – красный. Цвет всей оставшейся части таблицы – зеленый. Выравнивание текста в ячейках – по правому краю. Для таблицы создать рамку для отображения границ, и пустые ячейки заполнить символом неразрывного пробела.

3. Создать в этом же файле таблицу, согласно номеру варианта (Приложение 1). При форматировании документа учесть данные из таблицы 3.1 (цвет фона таблицы).

Таблица 3.1. Данные для форматирования таблицы

№ варианта	Цвет фона таблицы
1	синий
2	морская волна
3	зеленый
4	бирюзовый
5	серый
6	красный
7	сине-зеленый
8	фуксия
9	желтый
10	темно-бордовый
11	оливковый
12	пурпурный
13	оранжевый
14	малиновый
15	серебряный
16	темно-синий
17	лайм
18	индиго

3. Создать в отдельном файле (lab6_2.Html) таблицу для шаблона сайта, которая будет отвечать следующим требованиям (см. Рисунок 3.1):

Рисунок 3.1 - Шаблон сайта

• шапка таблицы должна состоять из двух ячеек;

• размер левой верхней ячейки задается в зависимости от размера рисунка-фона (атрибут background для тега ячейки), следует задать ширину и высоту ячейки исходя из размера изображения;

• правая верхняя ячейка должна занимать все оставшееся место в окне браузера и иметь цвет фона #.... ;

• для того, чтобы убрать расстояние между ячейками, необходимо использовать атрибуты cellpadding и cellspacing тега table;

• в верхней правой ячейке изменить цвет текста, выровнять согласно рисунку, записать в ячейке свою фамилию. Для выравнивания текста необходимо использовать атрибуты aling и valign;

• центральную (контентную) часть сделать высотой в 350 пикселей, и задать цвет фона #FFF3E5;

• в центральной ячейке объединить две ячейки так, что бы получилась одна общая, установить выравнивание текста по ширине и по верхнему краю ячейки;

• задать подвал таблицы высотой в 30 пикселей, текст выровнять по правому краю. Включите в подпись символ ©.

5. Добавить в файл index.html ссылку на выполненные задания из Лабораторной работы №6.

6. Показать и защитить выполненную работу преподавателю.