Formato de texto en HTML

HTML contiene varios elementos para definir texto con un significado especial.

Ejm

This text is bold

This text is italic

This is subscript and superscript

Elementos de formato HTML

Los elementos de formato fueron diseñados para mostrar tipos especiales de texto.

  • <b>: texto en negrita.
  • <strong>: texto importante.
  • <i>: texto en cursiva (itálica).
  • <em>: texto enfatizado.
  • <mark>: texto marcado.
  • <small>: texto pequeño.
  • <del>: texto eliminado.
  • <ins>: texto insertado.
  • <sub>: texto en subíndice.
  • <sup>: texto en superíndice

Elementos <b> y <strong>

El elemento <b> define el texto en negrita, sin ninguna importancia extra.

Ejm

<b>This text is bold</b>

Mientras que el elemento <strong> define texto importante, con una importancia semántica ‘fuerte’ añadida.

Ejm

<strong>This text is strong</strong>

Elementos HTML <I> y <em>

El elemento <i> define el texto en itálica (cursiva), sin ninguna importancia extra.

Ejm

<i>This text is italic</i>

El elemento HTML <em> define texto enfatizado, con mayor importancia semántica.

Ejm

<em>This text is emphasized</em>

Nota: Los navegadores muestran <strong> como <b> y <em> como <i>. Sin embargo, hay una diferencia en el significado de estas etiquetas: <b> y <i> definen texto en negrita y cursiva, pero <strong> y <em> significa que el texto es “importante”.

El elemento HTML <small>

El elemento HTML <small> define el texto más pequeño.

Ejm

<h2>HTML <small>Small</small> Formatting</h2>

El elemento HTML <mark>

El elemento HTML <mark> define el texto marcado / resaltado:

Ejm

<h2>HTML <mark>Marked</mark> Formatting</h2>

El elemento HTML <del>

El elemento HTML <del> define un texto eliminado / removido.

Ejm

<p>My favorite color is <del>blue</del> red.</p>

El elemento HTML <ins>

El elemento HTML <ins> define un texto insertado / añadido (subrayado).

Ejm

<p>My favorite <ins>color</ins> is red.</p>

El elemento HTML <sub>

El elemento HTML <sub> define texto subscrito.

Ejm

<p>This is <sub>subscripted</sub> text.</p>

El elemento HTML <sup>

El elemento HTML <sup> define texto superíndice.

Ejm

<p>This is <sup>superscripted</sup> text.</p>

Sumario

Etiqueta Descripción
<b> Texto en negrita
<em> Texto enfatizado
<i> Texto en cursiva
<small> Texto pequeño
<strong> Texto importante
<sub> Texto subscrito (en subíndice)
<sup> Texto en superíndice
<ins> Texto insertado (subrayado)
<del> Texto borrado / removido
<mark> Texto marcado / resaltado