-
Cómo subrayar texto en HTML
-
Subrayados se pueden utilizar para resaltar y destacar texto en las páginas web. El texto puede subrayarse el uso de hojas de estilo CSS, con el
text-decoration
propiedad, o, menos preferiblemente, con el HTMLU
elemento.Instrucciones
Subrayado de texto usando CSS
1 Encontrar o introducir el texto que desea subrayar.
2 Coloque el texto dentro de un
SPAN
elemento, mediante la adición de una etiqueta de apertura antes de que el texto y la etiqueta de cierre después.3 Especificar el subrayado del texto dentro de la
SPAN
mediante la adición de unSTYLE
atributo de la siguiente manera:
STYLE="text-decoration; underline; "
4 Añadir una
CLASS
atributo a laSPAN
, dándole el nombre de una clase CSS que define el subrayado de texto. Esta es una alternativa al uso delSTYLE
atributo como se describe en la etapa anterior. El formato de la declaración de la clase CSS es el siguiente:
.my-underlined-class { text-decoration: underline; }
Subrayado de texto usando HTML
5 Encontrar o introducir el texto que desea subrayar.
6 Encerrar el texto dentro de un
U
elemento, mediante la colocación de una abertura y el cierre de la etiqueta antes y después del texto.Consejos y advertencias
- Si está usando un editor HTML WYSIWYG, buscar la opción de menú subrayado o un icono de barra de herramientas para subrayar el texto sin tener que código CSS o HTML.
- El CSS
text-decoration
propiedad también se puede utilizar para colocar una línea sobre (overline
) oa través de (line-through
de texto o desactivar el subrayado ya en vigor (none
). - Recuerde que los subrayados se utilizan a menudo en las páginas web para indicar enlaces haga clic-able, por lo que subraya su uso con moderación para evitar confusiones.