Вага!!! Можна зберігати файл з розширенням .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