- •Практична робота № 21. Тема : «Мова html. Створення веб - документу».
- •Структура веб – документа.
- •Мова html.
- •Форматування тексту.
- •Шрифти, списки і таблиці.
- •Порядок виконання роботи.
- •8. Література.
- •8.1 Я. М. Глинський, в. А. Ряжська «Інтернет», стор. 109-153. Приклад № 1.
- •Приклад № 2.
- •Приклад № 3. Оформлення рамок таблиці.
- •Колірне оформлення таблиць.
Порядок виконання роботи.
Створіть html –файл із розповіддю про себе. Скористайтесь зразком із дод. 1. У списках зазначте свої уподобання, місця навчання.
Збережіть файл на диску як file1.htm і перегляньте його у броузері.
Створіть таблицю з даними про себе. Скористайтесь зразком із дод. 2. Новий файл назвіть file2.htm. Перегляньте його у броузері.
6. Питання для самоконтролю.
Що таке гіперпосилання ?
Що таке гіпертекст ?
Що таке веб – документ ?
Для чого призначена програма – броузер ?
Що таке веб – вузол (веб – сайт) ?
Яка структура простого веб – документа ?
Для чого призначена мова HTML ?
Що таке тег і які є теги ?
Який тег позначає початок нового абзацу ?
Яких значень можуть набувати параметри тегу FONT ?
Яка особливість пари тегів <PRE>…</PRE> ?
7. Зміст звіту.
Титульний лист відповідно стандарту.
Відповіді на питання до самоконтролю.
Висновок.
8. Література.
8.1 Я. М. Глинський, в. А. Ряжська «Інтернет», стор. 109-153. Приклад № 1.
<HTML>
<HEAD>
<TITLE> Купівля\продаж </TITLE>
</HEAD>
<BODY>
<H1> Торговельні об’єкти Львівщини </H1>
<H2> Супермаркети </H2>
<P> На Львівщині діє мережа магазинів Інтермаркет. У кожному районі є торговельний об’єкт. </P>
<P> Одним із таких магазинів став нещодавно відкритий супермаркет «Арсен».
<HR>
Це торговельний центр із багатьма відділами та зручною системою обслуговування покупців. <BR> Його можна назвати торговельним містечком.
</BODY>
</HTML>
Приклад № 2.
Маркований список.
У невпорядкованому (маркованому) списку для виділення елементів використовуються певні позначки (крапки, квадрати тощо). Починається такий список із тегу <UL>, а закінчується ─ </UL>. Кожний елемент списку починається з тегу <LI>. Тег <UL> може мати атрибут TYPE, який визначає форму позначки. Цей атрибут набуває таких значень :
Disk ─ зафарбоване коло;
Circle ─ коло;
Square ─ маленький чорний квадрат.
<HTML>
<TITLE> Райдуга </TITLE>
<BODY>
<BASEFONT SIZE=6>
<UL TYPE=circle>
<LI> <FONT COLOR=red> Червоний</FONT></LI>
<LI> <FONT COLOR=orange> Оранжевий</FONT></LI>
<LI> <FONT COLOR=yellow> Жовтий</FONT></LI>
<LI> <FONT COLOR=green> Зелений</FONT></LI>
<LI> <FONT COLOR=lightblue> Блакитний</FONT></LI>
<LI> <FONT COLOR=blue> Синій</FONT></LI>
<LI> <FONT COLOR=darkmagenta> Фіолетовий</FONT></LI>
</UL>
</BODY >
</HTML>
Додаток 1
Приклад № 3. Оформлення рамок таблиці.
Для оформлення зовнішньої рамки таблиці можна використовувати атрибут FRAME тегу <TABLE>. Його значення визначають, що браузер відображатиме :
Box ─ всі чотири сторони рамки;
Above ─ лише верхню межу рамки;
Below ─ лише нижню межу;
Lhs ─ лише ліву межу;
Rhs ─ лише праву межу;
Hsides ─ верхню й нижню межу рамки;
Vsides ─ ліву й праву межу рамки;
Void ─ зовнішня рамка не відображатиметься.