Лабораторная работа № 6. Создание таблиц
Цель работы: Научиться создавать таблицы заданного размера; объединять ячейки по горизонтали и вертикали; создавать фиксированные и динамические таблицы; управлять расстоянием между ячейками и рамкой таблицы.
Содержание лабораторной работы
Создать файл lab6.html и сохранить его в своей папке.
Создать таблицу, установить следующие параметры: расположение на экране – по центру, ширина 70% от ширины экрана. Цвет вертикальной общей ячейки – морская волна, общей горизонтальной ячейки – красный. Цвет всей оставшейся части таблицы – зеленый. Выравнивание текста в ячейках – по правому краю. Для таблицы создать рамку для отображения границ, и пустые ячейки заполнить символом неразрывного пробела.
Создать в этом же файле таблицу, согласно номеру варианта (Приложение 1). При форматировании документа учесть данные из таблицы 3.1 (цвет фона таблицы).
Таблица 3.1. Данные для форматирования таблицы
№ варианта |
Цвет фона таблицы |
1 |
синий |
2 |
морская волна |
3 |
зеленый |
4 |
бирюзовый |
5 |
серый |
6 |
красный |
7 |
сине-зеленый |
8 |
фуксия |
9 |
желтый |
10 |
темно-бордовый |
11 |
оливковый |
12 |
пурпурный |
13 |
оранжевый |
14 |
малиновый |
15 |
серебряный |
16 |
темно-синий |
17 |
лайм |
18 |
индиго |
Создать в отдельном файле (lab6_2.Html) таблицу для шаблона сайта, которая будет отвечать следующим требованиям (см. Рисунок 3.1):
Рисунок 3.1 - Шаблон сайта
шапка таблицы должна состоять из двух ячеек;
размер левой верхней ячейки задается в зависимости от размера рисунка-фона (атрибут background для тега ячейки), следует задать ширину и высоту ячейки исходя из размера изображения;
правая верхняя ячейка должна занимать все оставшееся место в окне браузера и иметь цвет фона #.... ;
для того, чтобы убрать расстояние между ячейками, необходимо использовать атрибуты cellpadding и cellspacing тега table;
в верхней правой ячейке изменить цвет текста, выровнять согласно рисунку, записать в ячейке свою фамилию. Для выравнивания текста необходимо использовать атрибуты aling и valign;
центральную (контентную) часть сделать высотой в 350 пикселей, и задать цвет фона #FFF3E5;
в центральной ячейке объединить две ячейки так, что бы получилась одна общая, установить выравнивание текста по ширине и по верхнему краю ячейки;
задать подвал таблицы высотой в 30 пикселей, текст выровнять по правому краю. Включите в подпись символ Ó.
Добавить в файл index.html ссылку на выполненные задания из Лабораторной работы №6.
Показать и защитить выполненную работу преподавателю.