WEB - дизайн / Лабораторные работы / Лабораторная работа №4 / Лабораторна робота №4 Оформление

Лабораторна робота №4.

Тема: Створення списків та гіперпосилань у HTML-документі.

Мета роботи:

• навчитися зв’язувати веб-сторінки за допомогою гіперпосилань, додавати гіперпосилання на фрагмент тексту на поточній сторінці;

• вміти створювати списки різтих типів на мові HTML;

• навчитися виконувати вставку малюнків в HTML-документ та використовувати їх як гіперпосилання|

Hello, Шрифты

Osvita

Абзацы

4_matvienko

Клик на котэ

1. Знати відповіді на контрольні запитання:

1. Що назвається гіперпосиланням?

Гіперпосилання — це вказівка для браузера, до якого об'єкта у межах або поза межами HTML-документа він має звернутися.

2. Який елемент мови HTML відповідає за створення гіперпосилань?

Для створення посилань застосовується елемент <A>|, званий елементом прив'язки, або, іншими словами, якірним елементом.

3. Які атрибути можна додати до створення гіперпосилань?

   Вставка посилань
   Посилання на іншу сторінку	<A HREF=|” сторінка”> текст </A>	<A HREF=”str2|.htm”> Ссилка1</a>
   Посилання на закладку в іншому документі	<A HREF=|” сторінка # ім'я закладки”|> текст</A>	<A HREF=|” index|.htm #met1”|> На головну сторінку </A>”
   Посилання на закладку в тому ж документі	<A HREF=”#ім'я закладки ”> текст </A>	<A HREF=|” #metka1|”> Ссилка2</a>
   Визначити закладку	<A NAME=”ім’я закладки”>текст</A>	<A NAME=”metka1”></A>

4. За допомогою яких атрибутів можна призначити колір посилання у різних станах?

   Колір фону, тексту і посилань
   Фонова картинка		<BODY| BACKGROUND=”файл| малюнка”>				<BODY| BACKGROUND| =”grafica.gif” TEXT=”black|” (чорний) LINK=”#FF0000|” (червоний) VLINK=”#FFFF00|” (жовтий) ALINK=”#FFFFFF|” (білий) </BODY>
   Колір фону		<BODY| BGCOLOR=”#$$$$$$|”>
   Колір тексту		<BODY| TEXT=”#$$$$$$|”>
   Колір посилання		<BODY| LINK=”#$$$$$$|”>
   Колір пройденого посилання		<BODY| VLINK=”#$$$$$$|”>
   Колір активного посилання		<BODY| ALINK=”#$$$$$$|”>

5. Що таке мітка (або закладка)?

Для створення посилання на встановлений якір потрібно у тегу <А> зазначити його ім'я в кінці адреси URL після імені докумен­та, відокремивши його символом #.

Символ # вказує на те, що після нього записано назву мітки, а не ім'я файлу.

Посилання на мітку всередині поточного документа задають так:

<А HREF="#назва_мітки">Текст посилання</А>.

6. В яких випадках використовують мітки?

Коли гіперсилка потрібна наодній сторінці з її положеням.

7. Як додати зображення на веб-сторінку?

Вставка зображень
Вставка графічного файлу	<IMG| SRC=”файл|” WIDTH=”ширина|” HEIGHT=”висота|” >	Приклад: <IMG| SRC=”grafica|.gif” WIDTH=”550|” HEIGHT=”240|” ALIGN=|” right|” ALT=”Графічний| файл”>
Вирівнювання картинки щодо тексту	<IMG| SRC=”файл|” ALIGN=”left|right|top|bottom|”>
Виведення тексту спливаючої підказки при наведенні курсора миші на малюнок	<IMG| SRC=”файл|” ALT=”текст|”>