Как сделать нижнее подчеркивание?

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

Инструкция

В языке HTML есть специальный тег, предназначенный для подчеркивания текста, размещенного между его открывающей () и закрывающей () половинами. В самом простом варианте часть кода страницы, использующего этот способ подчеркивания, может выглядеть так:это подчеркнутый текст

Кроме того, в любом теге строчного или блочного элемента страницы можно указать атрибут с именем style и поместить в него описание стиля содержимого. В числе других стилевых описаний есть и выделение текста подчеркиванием. На языке css описание подчеркнутого текста выглядит так:text-decoration: underline;Например, тег параграфа текста с таким указанием может выглядеть так:

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

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

html {text-decoration: underline;}

Но такое редко бывает нужно, поэтому чаще в качестве селектора указывают имя какого либо класса. Например:

.und {text-decoration: underline; color: Red}

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

Текст параграфа с кусочком подчеркнутого красного

Оцените статью!