Curso de HTML (VI). Elementos del cuerpo del documento (parte 2)

Encabezados

Los encabezados son una manera sencilla de estructurar el documento dividiéndolo en secciones. En HTML existen 6 niveles de cabeceras: h1, h2, h3, h4, h5 y h6.

Los navegadores muestran generalmente cada una de ellas con una tipografía determinada y un tamaño por defecto, que va desde el más grande (h1) hasta el más pequeño (h6), aunque aprenderemos a personalizarlos más adelante cuando veamos hojas de estilo CSS.

Veamos el código HTML del siguiente ejemplo:

<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Texto normal</p>

En la imagen siguiente se puede ver cómo muestra por defecto Internet Explorer cada uno de los encabezados del ejemplo anterior.

Texto preformateado

Ya hemos visto en otros artículos que los espacios en blanco, tabuladores y saltos de línea en el código fuente de un documento HTML no son tenidos en cuenta a la hora de ser representados por un navegador.

Sin embargo, puede ser que en alguna ocasión nos sea necesario mostrar parte del documento tal y como aparece en el código fuente. Para ello podemos utilizar el elemento pre (de texto PREformateado).

<pre>
El cielo está enladrillado,
¿quién lo desenladrillará?
El desenladrillador que lo desenladrille,
buen desenladrillador será.
</pre>

Como véis, no hay ni párrafos ni elementos br. El ejemplo se vería de la siguiente forma:

Elementos de frase

Con los siguientes elementos podremos introducir modificaciones en la presentación del texto.

• Negrita. Se consigue aplicando la etiqueta <b> al fragmento de texto deseado.

  Las <b>palabras</b> pares <b>de</b> esta <b>frase</b> aparecen <b>en</b> negrita.

  Las palabras pares de esta frase aparecen en negrita.

• Cursiva. Se consigue utilizando la etiqueta <i>.

  Las <i>palabras</i> pares <i>de</i> esta <i>frase</i> aparecen <i>en</i> cursiva.

  Las palabras pares de esta frase aparecen en negrita.

• Subrayado. Se consigue con la etiqueta <u>.

  Las <u>palabras</u> pares <u>de</u> esta <u>frase</u> aparecen <u>en</u> cursiva.

  Las palabras pares de esta frase aparecen en negrita.

• Subíndices y superíndices. Se consiguen con las etiquetas <sub> y <sup> respectivamente.

  Texto con <sup>superíndice</sup> y <sub>subíndice</sub>.

  Texto con ^superíndice y _subíndice.

• Acrónimos. Podemos marcar los acrónimos que utilicemos con la etiqueta <acronym> para indicar la forma completa de la expresión (mediante el atributo title).

  Al pasar el ratón por encima de este elemento (al menos en Internet Explorer) veremos la descripción completa del acrónimo.

  <acronym title="HyperText Markup Language">HTML</acronym>

Podemos combinar todos los elementos anteriores de cualquier forma para conseguir, por ejemplo, fragmentos de texto en negrita y cursiva o en cursiva y subrayado.