Як зробити нижнє підкреслення


 

У мові розмітки гіпертексту (HTML — HyperText Markup Language), який використовують для створення веб-сторінок, передбачені кошти для виділення підкресленням частини тексту. Часто для цього ж використовують і мова опису каскадних стилів (CSS — Cascading Style Sheets).



Інструкція

  1. У мові HTML є спеціальний тег, призначений для підкреслення тексту, розміщеного між його відкриває () і закриває () половинами. У найпростішому варіанті частина коду сторінки, що використовує цей спосіб підкреслення, може виглядати так:

    це підкреслений текст

  2. Крім того, в якому теге рядкового або блочного елемента сторінки можна вказати атрибут з ім’ям style і помістити в нього опис стилю вмісту. У числі інших стильових описів є і виділення тексту підкресленням. Мовою css опис підкресленого тексту виглядає так:

    text-decoration: underline;

    Наприклад, тег параграфа тексту з таким зазначенням може виглядати так:

    Цілий параграф підкресленого тексту

  3. Однак опис стилів рідко поміщають всередину HTML-тегів, зазвичай їх виносять в окремі блоки описів. Такі блоки розміщують в заголовній частині веб-документів (між тегами і ) або зберігають у зовнішніх файлах стилів з розширенням css. Щоб весь текст в сторінці був підкреслений, це опис треба помістити всередину селектора HTML:

    Але таке рідко буває потрібно, тому частіше як селектора вказують ім'я якого або класу. Наприклад:

    Тут оголошено, що текст всередині кожного тега, якому присвоєно клас und, повинен бути пофарбований в червоний колір і підкреслений. Найчастіше класи для різних маніпуляцій з текстом використовуються спільно з тегом span. Наприклад, HTML-код параграфа тексту, частина якого виділена підкресленням, може виглядати так:

    Текст параграфа зі шматочком ​​підкресленого червоного