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

Посилання значно впливають на зовнішній вигляд web-сторінки. Будь то ваш сайт або блог, красиво налаштовані посилання змінять дизайн сайту в кращу сторону. Навіть без знань html і css зробити красиву посилання досить просто.

Інструкція

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

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

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

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

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

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

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

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