В веб-разработке часто возникает необходимость выделить текст, сделав его подчеркнутым. Для этой цели в HTML есть тег <u>, который позволяет подчеркивать необходимые фрагменты текста.
Использование тега <u>
Чтобы подчеркнуть текст, достаточно заключить его в тег <u>:
<u>Этот текст будет подчеркнутым</u>Такой код отобразит фразу “Этот текст будет подчеркнутым” со стандартным подчёркиванием.
Стилизация с CSS
Иногда требуется более гибкая настройка вида подчеркивания. В этом случае на помощь приходит CSS:
<span style="text-decoration: underline;">Текст с индивидуальным подчеркиванием</span>С помощью свойства text-decoration можно не только задать тип линии (пунктирная, двойная), но и ее цвет. Например:
<span style="text-decoration: underline; text-decoration-style: dashed; text-decoration-color: red;">
Текст с красным пунктирным подчеркиванием
</span>Заключение
Тег <u> отлично подойдёт для быстрого выделения текста в HTML, однако при более сложных требованиях к оформлению следует использовать CSS. Использование text-decoration дает полный контроль над визуальными свойствами подчёркивания, что является предпочтительным способом для профессиональной верстки.