вага!!! Можна зберігати файл з розширенням .txt та .htm (.html). При редагуванні файлу в програмі Блокнот необхідно перезаписувати обидва файли.

7. Для створення наступної Web-сторінки з таблицею, ознайомтесь з наступними тегами (таб.5).

Таблиця 5. Синтаксис тегів для роботи з таблицею та зображеннями

Ім’я тегу	Призначення тегу, атрибути
<table> ... </table>	служить контейнером для елементів, що визначають уміст таблиці Атрибути align - визначає вирівнювання таблиці bgcolor - колір тла таблиці border - товщина рамки в пикселах bordercolor - колір рамки width - ширина таблиці (будь-яке ціле значення в пикселах або відсотках від доступного простору)
<TR></TR>	служить контейнером для створення рядка таблиці
<TD> </TD>	призначений для створення однієї чарунки таблиці і повинен розміщатися усередині контейнера <TR>, який у свою чергу розташовується усередині тегу <TABLE>. Атрибути align - визначає вирівнювання вмісту чарунки по горизонталі bgcolor - колір фону чарунки colspan - поєднує горизонтальні чарунки. Установлює число чарунок, які повинні бути об'єднані по горизонталі. Цей параметр має сенс для таблиць, що полягають із декількох рядків. (<td colspan="число">...</td>) rowspan - поєднує вертикальні чарунки. Цей параметр має сенс для таблиць, що полягають із декількох рядків. (<td rowspan="число">...</td>)
<IMG>	призначений для відображення на веб-сторінці зображень у графічному форматі GIF, JPEG або PNG. Атрибути src-визначає місто розташування та ім’я файлу (єдиний обов’язковий атрибут) align - визначає вирівнювання рисунку (left, right, bottom, middle, top) border - товщина рамки в пикселах alt- додає коментар width –ширина зображення height – висота зображення
<hr>	ставиться до блокових елементів, лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку. Атрибути аlign - визначає вирівнювання лінії color - колір лінії

 

 

8. Створіть нову Web-сторінку, яка буде відображувати таблицю. Тлом сторінки буде слугувати рисунок. Збережіть файл в папці із своїм прізвищем з іменем table.htm.

9. Проаналізуйте елементи коду, яку роль вони відіграють при створенні Web-сторінки.Надайте відповідь на наступні запитання:

9.1. Як створити одну чарунку?

9.2. Як поєднати чарунки горизонтально?

9.3. Як поєднати чарунки вертикально?

9.4. Як вмістом чарунки зробити рисунок?

9.5. Як рисунок зробити тлом Web-сторінки?

 

 

Індивідуальні завдання

для виконання лабораторної роботи №2. Тема: «Загальні принципи створення Web-сайтів з використанням мови HTML. Робота з текстом, списками, рисунками та таблицею»

 

Створіть Web-сайт фірми (таб.6), який складається з двох сторінок. На них повинна бути надана наступна інформація:

o назва фірми;

o логотип;

o послуги, що надаються;

o контактна інформація;

o новини;

o тощо.

На другій сторінці повинна бути таблиця (згідно варіанту)з інформацією

Структура першої сторінки:

Логотип	Назва компанії	Контактна інформація
	Вид продукції (послуг)
Новини		Гіперпосилання на другу сторінку

 

Таблиця 6. Фірми для створення сайту

№ варіанту	Інтернет-магазин
1.	з продажу дитячого взуття
2.	з продажу електронної техніки
3.	туристичної фірми
4.	з продажу автомобілів
5.	з продажу спортивного одягу
6.	з продажу книжок
7.	з продажу жіночого одягу
8.	з продажу косметики
9.	з продажу чоловічого одягу
10.	з продажу меблів
11.	з продажу кожгалантереї
12.	з продажу посуду
13.	з продажу окулярів
14.	з продажу ювелірних виробів
15.	з продажу побутової техніки

Варіант №1

 

Варіант №2

Варіант №3

Варіант №4

Варіант №5

Варіант №6

 

Варіант №7

Варіант №8

Варіант №9

Варіант №10

Варіант №11

Варіант №12

Варіант №13

 

Варіант №14

 

 

Варіант №15

 

абораторна робота №3