Гіперпосилання. Зображення на вебсторінці
Файли для проведення уроку:
Контроль знань
Мотивація навчальної діяльності
Сприйняття та осмислення нового матеріалу
Вставка зображення
<img src=адреса/файл [width=ширина] [height=висота] [align=розташування відносно тексту] [vspace=відстань] [hspace=відстань]>
SRC - графічний файл з потрібним зображенням.
WIDTH/HEIGHT - ширина/висота зображення. Задається в пікселях або у відсотках (разом з числом використовується знак "%"). Відсотки вказують розмір зображення відносно розміру вікна, наприклад: 100% - на ширину/висоту вікна, 50% - на половину ширини/висоти вікна. При цьому, під час зміни розмірів вікна, розміри зображення теж будуть змінюватися. Якщо ширина/висота зображення вказана у пікселях, то вона не змінюється при зміні розмірів вікна.
ALIGN - встановлює, з якого боку від абзацу буде розташовуватись зображення. При цьому, в гіпертексті абзац повинен слідувати за тегом вставки зображення.
VSPACE - встановлює відстань над малюнком і під малюнком до абзацу (тексту)
HSPACE - встановлює відстань ліворуч від малюнка і праворуч від малюнка до абзацу (тексту)
Гіперпосилання
<a href=адреса/файл [target=_blank]>текст/зображення</a>
HREF - адреса вебсторінки (файла) в Інтернеті, або повна назва файла, що зберігається на комп’ютері.
TARGET=_BLANK - відкрити вебсторінку (файл) в новій вкладці (новому вікні) браузера.
Завдання.
Слово "Вікіпедія" на вебсторінці зробити гіперпосиланням на сторінку Вікіпедія про Говерлу. Сторінка Вікіпедії повинна відкриватися в новому вікні.
Зображення Говерли зробити гіперпосиланням на відео з YouTube про Говерлу.
Самостійна робота за комп'ютером
Завдання.
Відкрити у текстовому редакторі запропонований вчителем гіпертекст (завантажити) [2].
Додати до вебсторінки зображення "Черепаха Аха" праворуч від слів пісні. Ширина зображення - половина ширини вікна (50%)
Заголовок вебсторінки "Черепаха Аха" зробити гіперпосиланням на відео YouTube однойменної пісні. Відео повинне відкриватися в окремій вкладці