Інтернет не представляв би для користувачів особливого інтересу, якби з одного веб-сайту не можна було потрапити в інший за один або декілька кліків по посиланнях. Посилання можуть бути прямими — мережна адреса в звичайному вигляді, або гіпертекстом. Будь-яку картинку, фразу або слово можна зробити провідником на нову сторінку.
Інструкція
- Для створення гіперпосилання використовується тег прив’язки <a> (від слова anchor — якір). Йому потрібно закриває тег </ a> та атрибут href. Атрибуту присвоюється адреса сторінки, на яку ви хочете відправити гостя:
<a href=»Myfoto»> Забавні фотографії </ a> - Якщо ви посилаєтеся на документ, який лежить в нетрях інтернету, вкажіть абсолютний адресу:
<a href=»http://foto.mail.ru/myfoto»> Забавні фотографії </ a> - Якщо ви хочете виділити гіпертекст кольором, задавайте параметри в теге <body> — там же, де прописали колір основного тексту. Для кожного посилання можна виділити три стани:
- Звичайна — link;
- Активна — alink;
- Відвідана — vlink.
Призначте для кожного стану власний колір:
<body text=»#383a3b» link=»#30627f» alink=»#f7157a» vlink=»#c0ebef»> </ body> - У тексті гіперпосилання буде виглядати так:
<html>
<head>
<title> Моя сторінка </ title>
</ Head>
<body text=»#383a3b» link=»#30627f» alink=»#f7157a» vlink=»#c0ebef»>
Я знайшов у Мережі <a href=»http://foto.mail.ru/myfoto»> забавні фотографії </ a>
</ Body>
</ Html> - Ви можете зробити гіперпосилання на свою поштову скриньку:
<a href=»mailto:myletters.mail.ru»> Напишіть мені </ a>
При кліці по гіпертексту поштова програма видає бланк електронного листа. - Як гіперпосилання можна використовувати картинку:
<a href=»myphoto»> <img src=»Photo1.jpg»> </ a>
У цьому випадку, клацнувши по фотографії, відвідувач переходить на фотоальбом. Код виходить таким:
<html>
<head>
<title> Моя сторінка </ title>
</ Head>
<body text=»#383a3b» link=»#30627f» alink=»#f7157a» vlink=»#c0ebef»>
Подивіться мої фотографії: <a href=»myphoto»> <img src=»Photo1.jpg»> </ a>
</ Body>
</ Html> - Картинка може бути посиланням на поштову скриньку:
<a href=»mailto:myletters@mail.ru»> <img src=»Photo1.jpg»> </ a>