3.2 Практическая часть

1. Создайте файл lab3.html и сохраните его.

2. Создайте в файле lab3.html таблицу размером 3х3 для игры в «Крестики-нолики». Для создания таблицы используют тег <table>. Для таблицы необходимо создать рамку, для отображения границ пустые ячейки заполнить символом неразрывного пробела.

3. Дополнить файл таблицей с объединенными ячейками и более жирной рамкой для всей таблицы, текст выровнять по середине ячейки (вертикально и горизонтально).

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

5. Создать в отдельном файле таблицу для шаблона сайта, которая будет отвечать следующим требованиям (см. рисунок 3.1). Данный шаблон только пример, вам необходимо использовать своё оформление.

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

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

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

• фоном этой ячейки сделать изображение (атрибут background для тега ячейки)

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

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

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

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

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

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

В отдельном файле создать таблицу размером 3х3, (пунктиром указаны границы ячеек).

Задать ширину и высоту таблицы и ячеек так, чтобы ширина таблицы уменьшалась и увеличивалась при изменении размеров окна браузера, а высота была установлена равной высоте браузера. Если ячейка пустая, то она не будет отображена на экране, а если в ячейке находится пробел, то ее высота может быть больше необходимой, для уменьшения высоты ячейки следует использовать вместо неразрывного пробела прозрачную картинку размером в 1 пиксель (картинка есть в архиве к лабораторной работе).