Normalmente, en HTML, el texto suele ir entre las etiquetas <p> de apertura y </p> de cierre. Son los párrafos (del inglés "paragraphs").
El párrafo es un elemento de bloque. Esto quiere decir que, cuando se cierra el elemento, cuando se cierra la etiqueta, se produce un salto de línea. Si queremos introducir un salto de línea sin cerrar el párrafo, ese salto lo introducimos con la etiqueta <br>, del inglés "break", romper o corte, que no tiene etiqueta de cierre.
El texto, normalmente, se corresponde con el desarrollo de un tema, de una idea, de un concepto. Las palabras que definen esos conceptos tiene que ir en los "headings", encabezados en inglés.
En HTML se dispone de seis encabezados por orden de importancia.
Desde el <h1> al <h6>.
Veamos el resultado:
<h1>Encabezado de primer orden</h1> <h2>Encabezado de segundo orden</h2> <h3>Encabezado de tercer orden</h3> <h4>Encabezado de cuarto orden</h4> <h5>Encabezado de quinto orden</h5> <h6>Encabezado de sexto orden</h6>
El concepto de encabezado tiene ver mucho que ver con el HTML semántico. Es decir, el HTML tiene que mostrar sus contenidos con una organización semántica que ayude a los motores de búsqueda en la localización y categorización de contenidos.
Así, se recomienda que, por cada página web, por cada documento, solo haya un <h1> que exprese el contenido principal de esa página. Luego, puede haber uno o varios <h2> para los títulos de los subtemas en los que se vaya organizando esa idea o contenido principal y otro u otros <h3> para los títulos de los subtemas derivados.
Con CSS nosotros podemos cambiar el tamaño de estos encabezados, haciendo por ejemplo, que un <h3> se muestre con mayor tamaño que un <h2> por ejemplo. Pero seguirá siendo un contenido de menor importancia...
Cuestiones como el tamaño con el que se muestra un elemento html los definimos con los estilos CSS.
Otro elemento que podemos incorporar a nuestras páginas para separar contenidos es el elemento <hr> (del inglés "horizontal rule", o línea horizontal) que no tiene etiqueta de cierre. Este elemento también puede ser editado para modificar los parámetros que se manifiestan por defecto.
Hemos creado una página web con estos elementos html trabajados. Puedes abrirla pulsando en el enlace y visualizar el código pulsando el botón derecho del ratón y eligiendo "Ver código fuente" o similar. En el próximo documento haremos unas modificaciones a este contenido con los estilos en línea e interno de CSS.
Para acabar este tercer documento vamos a insertar el segundo vídeo de apoyo al curso que hemos creado y subido a Youtube