Як переробляти посилання

Як переробляти посилання


Гіперпосилання встановлює зв'язок між різними веб-об'єктами або частинами одного веб-документу. Лінком(посиланням) можна зробити частину тексту або зображення. Якщо хочеться різноманітити дизайн сайту, можна міняти стиль посилань.


 

Інструкція

1. Зміст веб-сторінки, який бачать її відвідувачі, знаходиться між тим, що відкриває і закриває тегами <body>. У цьому ж контейнері вам треба задати параметри стилю посилань. Колір лінка визначається атрибутами цього тега:- link - посилання в тексті;- alink - посилання при натисненні мишки;- vlink - відвідане посилання.

2. Колір можна вказувати у вигляді шістнадцятиричного числа формату RGB(RedGreenBlue) або записати в текстовому виді англійською мовою. Для вибору відтінків зручно використати таблицю безпечних кольорів http://www.artlebedev.ru/tools/colors/ Перед цифровим кодом ставте знак грат #, а значення атрибуту беріть в лапок:<body link#99CCCC alink=#CC66CC vlink=#669999>

3. Щоб зробити посиланням частину тексту, використовується тег <a> (від англійського anсor - "якір") з атрибутом href: <body text="#999999" link#99CCCC" alink="#CC66CC" vlink="#669999">Цю частину тексту можна зробити посиланням на <a href="http://www.artlebedev.ru/tools/colors/">цю корисну таблицю</a></body>

4. Якщо використати атрибут title тега <a>, можна створити спливаючу підказку - вона з'являтиметься при наведенні курсора на посилання:<body text=#999999 link#99CCCC alink=#CC66CC vlink=#669999>Цю частину тексту можна зробити посиланням на <a href=http://www.artlebedev.ru/tools/colors/ title=Спливаюча підказка>цю корисну таблицю</a></body>

5. Якщо ви хочете виділити кольором якесь посилання, використайте для цього тег <font> і його атрибут color:<body text=#999999 link#99CCCC alink=#CC66CC vlink=#669999>Цю частину тексту можна зробити посиланням на <a href=http://www.artlebedev.ru/tools/colors/> <font color=# FF3366>цю корисну таблицю</font></a></body>Щоб колір посилання відрізнявся від інших посилань в тексті, тег <font> повинен знаходитися усередині тега <a>.

6. Можна зробити посиланням зображення. В цьому випадку замість тексту використовується картинка. Відповідно, фрагмент коду включає тег <img> і його атрибут src:<body text=#999999>Подивіться мій фотоальбом <a href=http://foto.mail.ru/> <img src=Myfoto.jpg></a></body>

 



Матеріали по темі