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

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

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

Інструкція

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


виділення текступідкресленням2. Крім того, у будь-якому тегу рядкового або блочного елемента сторінки можна вказати атрибут з назвою style і помістити в нього опис стилю вмісту. Серед інших стильових описів є і . Мовою css опис підкресленого тексту виглядає так:text-decoration: underline; Наприклад, тег тексту з такою вказівкою може виглядати так:<p style=""text-decoration: underline "" > Цілий параграф підкресленого тексту </р >

3. Однак опис стилів рідко розміщують всередину HTML-тегів, зазвичай їх виносять в окремі блоки описів. Такі блоки розміщуються в заголовковій частині веб-документів (між тегами < head > та </head >) або зберігають у зовнішніх файлах стилів із розширенням css. Щоб весь текст на сторінці був підкреслений, цей опис треба помістити всередину селектора HTML:<style type=""text/css"">html {text-decoration: underline;} </style > Ho таке рідко буває потрібно, тому частіше в якості селектора вказують назву якого-небудь класу. Наприклад:<style type=""text/css"">.und {text-decoration: underline; color: Red} </style > Тут оголошено, що текст всередині кожного тега, якому присвоєно клас und, повинен бути пофарбований у червоний колір і підкреслений. Найчастіше класи для різних маніпуляцій з текстом використовуються спільно з тегом span. Наприклад, HTML-код тексту, частина якого виділена підкресленням, може виглядати так:< р > Текст параграфу зі шматочком < span class = "" und "> підкресленого червоного </span > </p >