La configuración de nuestro texto es fundamental para darle un toque personal a nuestro blog de acuerdo a nuestras necesidades ya sea resaltando palabras con color, subrayado, tamaño, tipo de letra etc., Así que para lo cual en esta entrada, vamos a ver los diferentes ejemplos que se pueden conseguir con el HTML del formato de texto.


Texto teletipo

<tt>Texto teletipo</tt>

Texto especial

<var>Texto especial</var>

Texto normal^{Texto Superíndice}

Texto normal<b>Texto Superíndice</b>

Texto normal_{Texto Subíndice}

Texto normal<b>Texto Subíndice</b>

Texto en negrita

<b>Texto en negrita</b>

O con la etiqueta <strong>:

Texto en negrita

<strong>Texto en negrita</strong>

Texto en cursiva

<i>Texto en cursiva</i>

Texto subrayado

<u>Texto subrayado</u>

Texto con línea arriba

Este resultado, es gracias a la etiqueta <span> y style:

<span style="text-decoration: overline;">
Texto con línea arriba
</span>

Texto con línea arriba y abajo

Si checas, están fusionados los dos códigos anteriores, la etiqueta <u> con la etiqueta <span>:

<span style="text-decoration: overline;"><u>
Texto con línea arriba y abajo
</u></span>

Texto tachado

<s>Texto tachado</s>

El siguiente formato de texto se lleva a cabo con la etiqueta <h1,2,3,4,5,6>:

Texto

<h6>Texto</h6>

Texto

<h5>Texto</h5>

Texto

<h4>Texto</h4>

Texto

<h3>Texto</h3>

Texto

<h2>Texto</h2>

Texto

<h1>Texto</h1>

Ahora este formato es llevado acabo con las etiquetas: <small> y <big>:

Texto pequeñito

<small>Texto pequeñito</small>

Texto aun mas pequeñito

Aquí se duplica el código:

<small><small>Texto aun mas pequeñito</small></small>

Texto grande

<big>Texto grande</big>

Texto aun mas grande

De igual forma aquí también se duplica el código anterior:

<big><big>Texto aun mas grande</big></big>

Pero no conformes necesitamos un texto con otro tipo de letra diferente, con color y mas grande, para ello a continuación te muestro el siguiente ejemplo hecho con la etiqueta <font>:

Texto mas grande con color y tipo de letra

<font color="#990000" face="forte" size="10">Texto mas grande con color y tipo de letra</font>

Lo único que queda, es personalizarlos a nuestro gusto.

Ojala y te sean de gran utilidad.