Formato de texto con HTML

Elige como decorar y visualzar los textos de tu sitio.


Formato básico del texto

HTML nos permite definir el formato de visualización del texto en la pantalla.

Muy útil para cuando queramos resaltar o enfatizar un texto en especial.

También muy usado para subrayar o escribir subíndices o superíndices.

Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos

Para ello utilizamos las siguientes etiquetas:

Ejemplo

Código
<b>Texto en negrita</b>
<big>Texto grande</big>
<em>Texto enfatizado</em>
<i>Texto en itálica</i>
<small>Texto pequeño</small>
<strong>Texto fuerte</strong>
<sub>Texto subíndice</sub>
<sup>Texto superíndice</sup>
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
Resultado
Texto normal Texto en negrita
Texto normal Texto grande
Texto normal Texto enfatizado
Texto normal Texto en itálica
Texto normal Texto pequeño
Texto normal Texto fuerte
Texto normal Texto subíndice
Texto normal Texto superíndice
Texto normal Texto subrayado
Texto normal Texto tachado
Texto normal Texto teletipo

Etiquetas para dar forma al texto

EtiquetasDescripción
<b> Define un texto en negrita
<big> Define un texto grande
<em> Define un texto enfatizado
<i> Define un texto en itálica
<small> Define un texto pequeño
<strong> Define un texto fuerte
<sub> Define un texto subíndice
<sup> Define un texto superíndice
<ins> Define un texto subrayado
<del> Define un texto tachado
<tt> Define un texto de teletipo
<s> Define un texto tachado. Desaprobado. Use <del> en su lugar
<strike> Define un texto tachado. Desaprobado. Use <del> en su lugar
<u> Define un texto subrayado. Desaprobado. Use <ins> en su lugar


Etiquetas de "Texto estructurado"

Estas estiquetas son usadas comunmente para mostrar códigos de programación.

EtiquetasDescripción
<code> Define un texto en código de computadora
<kbd> Define un texto del teclado
<samp> Define un texto ejemplo de código de computadora
<var> Define una variable
<pre> Define un texto preformateado
<listing> Desaprobado. Use <pre> en su lugar
<plaintext> Desaprobado. Use <pre> en su lugar
<xmp> Desaprobado. Use <pre> en su lugar


Etiquetas de citaciones y definiciones

EtiquetasDescripción
<abbr> Indica una forma abreviada (p.ej., WWW, HTTP, etc.)
<acronym> Indica un acrónimo (p.ej., WAC ,radar, autobús, etc.)
<address> Define la información sobre el autor
<bdo> Define la dirección del texto (p.ej., de izq. a der., de der. a izq.)
<blockquote> Designa una cita larga
<q> Designa una cita corta
<cite> Contiene una cita o una referencia a otras fuentes
<dfn> Indica que aquí es donde se define el término encerrado


<<< Etiquetas básicas de HTML Caracteres especiales en HTML >>>

En la Web