Linea de Codigo

En las primeras versiones del HTML apareció la etiqueta <U> la cual nos permitia subrayar un texto de forma muy sencilla. Pero en posteriores versiones del HTML dicha etiqueta ha quedado obsoleta, pasándose ahora a realizar el subrayado de texto mediante CSS.

El que la etiqueta <U> haya quedado obsoleta no significa que no vaya a funcionar en nuestros navegadores, ya que la compatibilidad hacia atrás está asegurada. Simplemente que no es muy recomendable utilizarla.

Para poder subrayar texto con CSS lo primero que deberemos hacer es crearnos una clase. Dicha clase se la asignaremos, posteriormente, a la parte de nuestra página que queramos subrayar.

<style type="text/css">
.subrayado{}
<style>

El atributo que nos permite personalizar el texto es text-decoration, y el valor que se le asigna al subrayado es el de "underline". De esta forma nuestra clase CSS quedaría de la siguiente forma:

<style type="text/css">
.subrayado{text-decoration: underline;}
<style>

Ahora solo nos quedará el aplicar el estilo CSS a una parte de nuestra página web. Para ello deberemos de utilizar el atributo class de algún elemento HTML. En nuestro caso lo haremos mediante el bloque en linea <span>

Veamos como quedaría la línea de código:

<span class="subrayado">Texto subrayado con CSS</span>

Visualizar el ejemplo | Descargar el código