Гіперпосилання на вебсторінках
Гіперпосилання на вебсторінках
Embedded Files
Перебіг уроку
Перебіг уроку
- Опанувати веб конспект
- Виконати інтерактивну вправу № 1
- Виконати практичну роботу
Що таке гіперпосилання?
Що таке гіперпосилання?
Особливістю гіпертекстових і гіпермедіа- документів є активні посилання на інші документи (гіперпосилання). Посиланням може бути як текст, так і малюнок. При наведенні миші на посилання курсор приймає форму руки, клацнувши мишею можна відкрити у вікні браузера документ, пов'язаний з цією посиланням.
Посилання встановлюється за допомогою парного тега <A> (від англійського anchor - якір). Тег має параметр HREF, який вказує адресу документа. Посиланням є вся інформація, розташована між відкриває <A> і закриває </A> тегами.
Колір гіперпосилань
Колір гіперпосилань
За замовчуванням посилання виділяються синім кольором і підкреслюються. Посилання на документи, які ви вже відвідали, виділяються фіолетовим кольором. Змінити ці кольори можна прямо в параметрах тега <BODY>:
<BODY LINK="red" VLINK="#00FF00" ALINK="blue">
<BODY LINK="red" VLINK="#00FF00" ALINK="blue">
Параметр LINK позначає колір звичайного посилання, VLINK - колір посилання, яке відвідали; ALINK - колір посилання, над яким знаходиться курсор миші.
Вебпосилання на сторінку сайту (або на файл на комп'ютері)і):
Вебпосилання на сторінку сайту (або на файл на комп'ютері)і):
<a href=″адреса веб-сторінки, на яку потрібно перейти">Слово, речення, тег для розміщення малюнка, на яке потрібно клікнути "мишкою"</a>
<a href=″шлях і назва файлу на комп'ютері, на який потрібно перейти">Слово, речення, тег для розміщення малюнка, на яке потрібно клікнути "мишкою"</a>
<a href="https://sites.google.com/view/webnkpetl/зміст">Сторінка - ЗМІСТ</a>
<a href="https://sites.google.com/view/webnkpetl/зміст">Сторінка - ЗМІСТ</a>
Веб-посилання у вигляді малюнка:
Веб-посилання у вигляді малюнка:
<a href="http://dmitrenkosv.ucoz.ua"><img src="http://dmitrenkosv.ucoz.ua/algt3/alg23.jpg" width="200px" ></a>
<a href="http://dmitrenkosv.ucoz.ua"><img src="http://dmitrenkosv.ucoz.ua/algt3/alg23.jpg" width="200px" ></a>
Хід онлайн практичного завдання
Хід онлайн практичного завдання
2) Відкрити сторінку з HTML текстом index2 для тих хто виконує завдання за допомогою телефону https://docs.google.com/document/d/1-YN8_Z-ZdD8C0ZvhGLIMsi6U8x0lFKubtF32WWdlO-Q/edit?usp=sharing скопіювати HTML текст вебсторінки (CTRL+C) та вставити його у онлайн редактор коду у область 1 (CTRL+V) і натиснути RUN, щоб переглянути результат у області 3
2) Відкрити сторінку з HTML текстом index2 для тих хто виконує завдання за допомогою телефону https://docs.google.com/document/d/1-YN8_Z-ZdD8C0ZvhGLIMsi6U8x0lFKubtF32WWdlO-Q/edit?usp=sharing скопіювати HTML текст вебсторінки (CTRL+C) та вставити його у онлайн редактор коду у область 1 (CTRL+V) і натиснути RUN, щоб переглянути результат у області 3
3) Натиснути Save, щоб сгенерувати URL адресу вебсторінки
4) Створити нову веб сторінку . ВИКОРИСТАЙТЕ при виконанні роботи ЗАГОТІВКУ БЕЗ ПОСИЛАНЬ ; для тих хто виконує завдання за допомогою телефону https://docs.google.com/document/d/1iP6QChJUoGvQ9TeW58U0M7PCqPVfLT3Mm8CWzFFFc2I/edit?usp=sharing .
4) Створити нову веб сторінку . ВИКОРИСТАЙТЕ при виконанні роботи ЗАГОТІВКУ БЕЗ ПОСИЛАНЬ ; для тих хто виконує завдання за допомогою телефону https://docs.google.com/document/d/1iP6QChJUoGvQ9TeW58U0M7PCqPVfLT3Mm8CWzFFFc2I/edit?usp=sharing .
5) Натиснути Save, та скопіювати сгенеровану адресу у адресному рядку і надіслати її викладачеві
5) Натиснути Save, та скопіювати сгенеровану адресу у адресному рядку і надіслати її викладачеві
Результат
Результат
Результат
Результат
Page updated
Google Sites
Report abuse