![Как подчеркнуть текст в HTML — бесплатный курс HTML](https://i.ytimg.com/vi/6XDHSfshFyY/hqdefault.jpg)
Содержание
Раньше подчеркивание в HTML заключалось в заключении текста между тегами u> / u>, но с тех пор этот метод устарел в пользу более универсального CSS. Подчеркивание на веб-страницах обычно считается неудобным способом выделить определенный фрагмент текста. Это связано с тем, что подчеркнутый текст легко спутать со ссылкой.
Шагать
Метод 1 из 2: Текущий метод
Используйте свойство text-decoration в своем стиле CSS. Тег u> больше не подходит для подчеркивания текста. Вместо этого мы используем свойство CSS «text-decoration».
- Это упрощает изменение кода, так что вам не нужно ничего менять в старом коде, если он стал непригодным для использования.
Используйте тег span>, если хотите подчеркнуть определенную часть текста. Поместите начальный тег вместе со свойством «text-decoration» в том месте, где должно начинаться подчеркивание. Поместите конечный тег / span> там, где должно прекратиться подчеркивание.
span style = "text-decoration: underline;"> Это будет подчеркнуто ./span>
Объявите элементы HTML в стиле> части вашей страницы. Вы также можете сделать это в таблице стилей CSS. Подчеркивание можно сделать намного проще, связав стиль с элементом HTML. Например, чтобы подчеркнуть все заголовки уровня 3, добавьте следующий стиль CSS:
html> head> style> h3 {украшение текста: подчеркивание; } / style> / head> body> h3> Этот заголовок подчеркнут / h3> / body> / html>
Создайте класс CSS для быстрого подчеркивания в любое время. Вы можете создавать классы в своей таблице стилей или стиле>, которые будут вызываться позже. Класс может иметь любое имя.
html> заголовок> стиль> .underline {украшение текста: подчеркивание; } / style> / head> body> Вы можете использовать этот класс для быстрого подчеркивания div> / div> из разных частей div> из вашего содержимого / div> / body> / html>
Рассмотрите другие методы выделения текста. Следует избегать подчеркивания, чтобы не запутать читателя. Популярным методом является использование тега em>, который делает текст курсивом. Вы можете использовать CSS для дальнейшего указания этого тега для уникального способа выделения.
html> head> style> em {цвет: красный; } / style> / head> body> Все внутри элемента em станет em> курсивом (из-за настроек по умолчанию) и красным / em> из-за стиля, добавленного выше. / тело> / html>
Метод 2 из 2: устаревший метод
Избегайте использования старых тегов u> / u>. Они «не рекомендуются», то есть они все еще работают, но больше не используются и не рекомендуются. Это связано с тем, что HTML в принципе не разработан как язык разметки. Тег u> по-прежнему будет работать, но теперь он предназначен для обозначения текста, который отличается от другого текста, например, слова с ошибкой или китайские имена собственные.
Используйте тег u> / u> для подчеркивания (только для иллюстрации). Ни при каких обстоятельствах не следует использовать этот метод повторно. Возможно, будет полезно узнать, как он использовался, если вам нужно обновить старый веб-сайт.
html> body> С помощью старого тега u> в HTML вы могли быстро подчеркнуть вещи / u>, но все быстро становится беспорядочным, когда используются другие элементы стиля. Вот почему мы теперь подчеркиваем «текст-украшение» с помощью элемента CSS. / тело> / html>
Советы
- Почти всегда есть лучший способ выделить что-то на веб-странице, чем подчеркивание. Это может сбить с толку читателей. Сделайте свой текст красивее с помощью CSS, чтобы он выгодно выделялся.