Elementos de Formateo HTML
En el capítulo anterior aprendimos los estilos HTML, usando el atributo style del HTML. Pero HTML también tiene elementos para la definición de texto especial. Así HTML usa etiquetas como <b> e <i> para formatear texto como negrita o cursiva respectivamente.
Los elementos de texto de HTML fueron diseñados definir el texto especial de tipos como:
- Texto en Negrita.
- Texto importante.
- Texto en Itálica (o Cursiva).
- Texto enfatizado.
- Texto marcado.
- Texto pequeño.
- Texto Eliminado.
- Texto Insertado.
- Subíndices.
- Superíndices.
Formateo HTML para negritas y texto fuerte
El elemento HTML <b> define un texto en negritas, sin ninguna otra importancia.
<p>Este es un texto normal</p>
<p><b>Este es un texto en negritas</b></p>
El elemento HTML <strong> define un texto fuerte, con un agregado semántico fuerte.
<p>Este es un texto normal</p>
<p><strong>Este es un texto fuerte</strong></p>
Formateo HTML para cursivo y enfatizado
<p>Este es un texto normal</p>
<p><i>Este es un texto en cursivas</i><p>
El elemento HTML <em> define un texto enfatizado, agregando una importancia semántica.
<p>Este es un texto normal</p>
<p><em>Esto es un texto enfatizado</em><p>
Los Navegadores muestran a <strong> como <b> y a <em> lo muestra <b>. Sin embargo, hay una diferencia en el significado de estas etiquetas: las etiquetas <b> e <i> define el texto como negritas y cursivas respectivamente. <strong> y <em> indica además que el texto es importante.
El formateo HTML para texto pequeño
El elemento HTML <small> define texto pequeño:
<h2>Formateando texto <small>pequeño</small> en HTML</h2>
El formateo HTML para texto marcado
El elemento HTML <mark> define un texto marcado o resaltado.
<h2>Formateo de texto <mark>marcado</mark></h2>
El formateo HTML para texto borrado
El elemento HTML <del> define un texto borrado.
<p>Mi color favorito es el <del>azul</del></p>
El formateo HTML para texto Insertado
El elemento HTML <ins> define texto insertado.
<p>El <ins>rojo</ins> es mi color favorito</p>
El formato HTML para subíndice
El elemento HTML <sub> define un texto subíndice.
<p>Este es un texto <sub>subíndice</sub><p>
El formato HTML para superíndices
El elemento HTML <sup> define texto superíndice.
<p>Esto es un texto <sup>superíndice</sup></p>