Як створити гіпертекст

Як створити гіпертекст

Інтернет не представляв би для користувачів особливого інтересу, якби з одного веб-сайту не можна було потрапити в інший за один або декілька кліків по посиланнях. Посилання можуть бути прямими — мережна адреса в звичайному вигляді, або гіпертекстом. Будь-яку картинку, фразу або слово можна зробити провідником на нову сторінку.

Інструкція

  1. Для створення гіперпосилання використовується тег прив’язки <a> (від слова anchor — якір). Йому потрібно закриває тег </ a> та атрибут href. Атрибуту присвоюється адреса сторінки, на яку ви хочете відправити гостя:

    <a href=»Myfoto»> Забавні фотографії </ a>
  2. Якщо ви посилаєтеся на документ, який лежить в нетрях інтернету, вкажіть абсолютний адресу:

    <a href=»http://foto.mail.ru/myfoto»> Забавні фотографії </ a>
  3. Якщо ви хочете виділити гіпертекст кольором, задавайте параметри в теге <body> — там же, де прописали колір основного тексту. Для кожного посилання можна виділити три стани:

    - Звичайна — link;

    - Активна — alink;

    - Відвідана — vlink.

    Призначте для кожного стану власний колір:

    <body text=»#383a3b» link=»#30627f» alink=»#f7157a» vlink=»#c0ebef»> </ body>
  4. У тексті гіперпосилання буде виглядати так:

    <html>

    <head>

    <title> Моя сторінка </ title>

    </ Head>

     <body text=»#383a3b» link=»#30627f» alink=»#f7157a» vlink=»#c0ebef»>

       Я знайшов у Мережі <a href=»http://foto.mail.ru/myfoto»> забавні фотографії </ a>

     </ Body>

    </ Html>
  5. Ви можете зробити гіперпосилання на свою поштову скриньку:

    <a href=»mailto:myletters.mail.ru»> Напишіть мені </ a>

    При кліці по гіпертексту поштова програма видає бланк електронного листа.
  6. Як гіперпосилання можна використовувати картинку:

    <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>
  7. Картинка може бути посиланням на поштову скриньку:

    <a href=»mailto:myletters@mail.ru»> <img src=»Photo1.jpg»> </ a>