Як зробити красиву посилання
Відео: КОРОТКА ПОСИЛАННЯ / Як зробити коротку посилання
Содержание
Посилання значно впливають на зовнішній вигляд web-сторінки. Будь то ваш сайт або блог, красиво налаштовані посилання змінять дизайн сайту в кращу сторону. Навіть без знань html і css зробити красиву посилання досить просто.
1
В першу чергу, давайте створимо звичайну посилання. Робиться це за допомогою такого коду: назва посилання. У цьому коді тег посилання. Його атрибут «href» вказує адресу сторінки, на яку веде посилання. Замість «назва посилання» напишіть слово або словосполучення, яке і буде представляти із себе посилання.
Також ви можете додати текст, який буде з`являтися при наводити на посилання. У цьому вам допоможе атрибут «title» тега .
2
Тепер займемося оформленням посилань. Найпростіше це робити в каскадних таблицях стилів (css). Відкрийте файл, який містить стилі вашого сайту і пишіть подальший код там. Або ж ви можете вставити стилі прямо на html-сторінку. Для цього використовуйте код настройки стилю сайту.
Відео: Як зробити посилання короткою? Сервіс скорочення посилань
3
Приступимо до оформлення. Синтаксис запису буде такою: a {параметри стилю}. Що ж сюди писати?
Для початку змініть колір посилань на свій смак. У цьому вам допоможе такий код:
a {color: # 00000-}. Зрозуміло, замість «# 00000» ви повинні вставити свій колір. Дізнатися код кольору в подібному вигляді можна в різних графічних програмах (наприклад, в фотошоп) або знайти web-палітру.
4
За замовчуванням браузер робить посилання підкресленими. Скасувати це можна таким кодом: a {text-decoration: none;}
Для створення посилань «жирним» шрифтом, використовуйте параметр font-weight: bold-. Він вставляється в код стилів за тим же принципом, що і колір, підкреслення.
Для створення посилань «жирним» шрифтом, використовуйте параметр font-weight: bold-. Він вставляється в код стилів за тим же принципом, що і колір, підкреслення.
Відео: ЯК ЗРОБИТИ КРАСИВУЮ ЗАСЛАННЯ НА ГРУПУ СТОРІНКУ В ВК СЛОВОМ
5
Ви напевно помічали, що на деяких сайтах при наведенні на посилання її вид змінюється. Ви теж можете зробити це. Вам допоможе код такого виду: a: hover {параметри стилю}. Параметри вказуються точно так же, як для звичайного посилання, єдине значення - псевдоклас «hover», що сповіщає браузер, що дані настройки слід застосовувати при наводити на посилання.
За таким же принципом ви можете виділити і відвідані посилання: a: visited {параметри стилю}
За таким же принципом ви можете виділити і відвідані посилання: a: visited {параметри стилю}
Поділися в соціальних мережах:
Схожі
- Як змінити посилання
- Як зробити, щоб сторінка відкрилася в новому вікні
- Як виділити посилання кольором
- Як копіювати посилання
- Як закрити посилання
- Як вставити посилання на форумі
- Як додати посилання на сайт
- Як зробити посилання різним кольором
- Як помістити посилання
- Як створити rss канал
- Як зробити активної посилання
- Як зробити посилання на головну сторінку
- Як витягнути посилання
- Як активувати посилання
- Як дати посилання на сайт
- Як поставити якір
- Як підписати посилання
- Як вставити активне посилання
- Як розмістити посилання на файл
- Як зашифрувати посилання
- Як послати посилання