Практичні завдання для самостійного вивчення HTML.
Любомир Іваницький

2 урок

Розглянемо будову тегів на прикладі тегу, який використовуємо для виводу абзацу тексту
<p> - параграф.
Моє тестове зображення
Такі теги називаються парними.
Парні теги можуть застосовуватися і з використанням атрибутів.
Моє тестове зображення

Завдання 1.
- У створеній папці \\Група№xx\Вивчення HTML\ Відкрий для редагування в блокноті (notepad++) попередню сторінку і скоригуй і застосуй до тексту тег абзацу.:



<Html> 
<Head>
<Title> Мій перший крок </title>
</Head>
<Body>
<p>Привіт, це моя перша сторінка.</p>
<br>
<p align="right" >Ласкаво просимо! :)</p>
<p align="center" >Ласкаво просимо! :)</p>
</Body>
</Html>
- Скопіюй в 1 і 2 абзац відповідно два нижче вказані абзаци:
абзац 1.

Оператор з обробки інформації та програмного забезпечення – це висококваліфікований робітник, який вміє не тільки працювати з офісними додатками (текстовим редактором, електронними таблицями, базами даних, графікою, презентаціями), а й є технічним фахівцем в області інформаційних технологій. Сферою професійного використання випускників даної професії є сервісні центри з продажу та ремонту комп’ютерної, офісної та побутової техніки; Інтернет-провайдери; фірми-розробники програмних продуктів; підприємства, установи та організації всіх видів економічної діяльності.

абзац 2.

Оператор з обробки інформації та програмного забезпечення, в ВПУ№14 м.Коломиї, працює в комп’ютерних лабораторіях, кабінетах. Праця оператора за умов дотримання всіх санітарних норм та правил належить до розряду фізичної праці середньої тяжкості. Операторами можуть працювати як жінки, так і чоловіки різного віку. Для здійснення технологічних операцій пред’являються вимоги до безпечних умов праці, передбачені нормативними актами щодо роботи з комп’ютерною технікою.

- Застосуйте до цих абзаців атрибути вирівнювання по ширині.
<p align="justify" >

!!!!Кожен тег, має свої йому притаманні атрибути

Одинарні теги не мають закриваючого тега.
Наприклад:
<br> - перехід на інший рядок;
<hr> - лінія і перехід на інший рядок
<img src="назва файлу малюнка"> - вставка малюнка


Завдання 3.
- Відредагуйте веб сторінку так, щоб на почаку вебсторінки була червона ліня, а в кінці веб сторінки жовта горизонтальна лінія. Використайте тег <hr>
Застосуйте його з атрибутом color - <hr color="red"> та <hr color="yellow">

- Відділіть кожен абзац інтервалом в 4 порожні рядки

- Викличте контексне меню на малюку і збережіть його в своїй паці.
- Підключіть його до попередньої сторінки за допомогою тега <img src="назва файлу малюнка">
- Поексперементуйте з атрибутами тегу <img src="назва файлу малюнка"> - вставка малюнка

align вирівнює зображення по заданому краю

border товщина рамки

height висота зображення.

width ширина зображення.

title видає вказаний текст, при наведенні курсора мишки

alt текст, яки видається, якщо зображення не вивелось.