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