Як зробити красиву посилання

В першу чергу, давайте створимо звичайну посилання. Робиться це за допомогою такого коду: назва посилання. У цьому коді тег посилання. Його атрибут «href» вказує адресу сторінки, на яку веде посилання. Замість «назва посилання» напишіть слово або словосполучення, яке і буде представляти із себе посилання.

Також ви можете додати текст, який буде з`являтися при наводити на посилання. У цьому вам допоможе атрибут «title» тега .

Відео - Як скоротити посилання. Як скоротити посилання В Контакте. Як зробити красиву, коротку посилання

Тепер займемося оформленням посилань. Найпростіше це робити в каскадних таблицях стилів (css). Відкрийте файл, який містить стилі вашого сайту і пишіть подальший код там. Або ж ви можете вставити стилі прямо на html-сторінку. Для цього використовуйте код настройки стилю сайту.

Приступимо до оформлення. Синтаксис запису буде такою: a {параметри стилю}. Що ж сюди писати?

Для початку змініть колір посилань на свій смак. У цьому вам допоможе такий код:

a {color: # 00000-}. Зрозуміло, замість «# 00000» ви повинні вставити свій колір. Дізнатися код кольору в подібному вигляді можна в різних графічних програмах (наприклад, в фотошоп) або знайти web-палітру.

За замовчуванням браузер робить посилання підкресленими. Скасувати це можна таким кодом: a {text-decoration: none;}
Для створення посилань «жирним» шрифтом, використовуйте параметр font-weight: bold-. Він вставляється в код стилів за тим же принципом, що і колір, підкреслення.

Ви напевно помічали, що на деяких сайтах при наведенні на посилання її вид змінюється. Ви теж можете зробити це. Вам допоможе код такого виду: a: hover {параметри стилю}. Параметри вказуються точно так же, як для звичайного посилання, єдине значення - псевдоклас «hover», що сповіщає браузер, що дані настройки слід застосовувати при наводити на посилання.
За таким же принципом ви можете виділити і відвідані посилання: a: visited {параметри стилю}