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

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

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

Інструкція

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

    Також ви можете додати текст, який буде з’являтися при наводячи на сервері. У цьому вам допоможе атрибут «title» тега.
  2. Тепер займемося оформленням посилань. Простіше всього це робити в каскадних таблицях стилів (css). Відкрийте файл, який містить стилі вашого сайту і пишіть подальший код там. Або ж ви можете вкласти стилі прямо на html-сторінку. Для цього використовуйте код налаштування стилю сайту.
  3. Приступимо до оформлення. Синтаксис запису буде такою: a {параметри стилю}. Що ж сюди писати?

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

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

    Для створення посилань «жирним» шрифтом, використовуйте параметр font-weight: bold;. Він вставляється в код стилів за тим же принципом, що і колір, підкреслення.
  5. Ви напевно помічали, що на деяких сайтах при наведенні на посилання її вид змінюється. Ви теж можете зробити це. Вам допоможе код такого виду: a: hover {параметри стилю}. Параметри вказуються точно так само, як для звичайного посилання, єдине значення — псевдокласс «hover», що сповіщає браузер, що дані настройки слід застосовувати при наводячи на сервері.

    За таким же принципом ви можете виділити і відвідані посилання: a: visited {параметри стилю}