HTML: Saltos de línea y párrafos

Objetivo: aprender a generar saltos de línea y párrafos en HTML.

En el artículo anterior vimos que todo intento de agregar más espacios en blanco o tabuladores para separar las palabras resultaba infructuoso, pues era considerado como un único espacio. Tampoco conseguíamos saltar de línea por mucho que pulsáramos Enter. Hoy explicaremos el modo de hacer esto último.

Existen dos formas básicas para separar los bloques de texto: los saltos de línea y los párrafos.

Para insertar un salto de línea disponemos de la etiqueta <br>. Es un tanto peculiar, pues no encierra texto entre medias.

Si no alberga texto entre medias, ¿cómo la cerramos?

Sobre esto hay que contar algo…

En HTML este tipo de etiquetas no se cierran. Pero, cuando el mundo del HTML apuntaba decididamente hacia XHTML, con las reglas estrictas XML, estas etiquetas debían cerrarse. Ahora que parece que XHTML ha tocado techo y que vamos destinados a HTML5, estas etiquetas pueden dejarse perfectamente sin cerrar. Lo mismo ha sucedido con otras normas estrictas, como la del código rigurosamente en minúsculas. HTML5 es “case insensitive”, no le preocupa lo más mínimo si lo escribes en mayúsculas, minúsculas, o una combinación de ambos.

Si tu página está en HTML5, escribe:

<br>

Si está en XHTML:

<br />

Hay un espacio en blanco separando br de la barra inclinada.

Puedes insertar tantas etiquetas <br> como saltos de línea necesites.

El concepto de párrafo es muy distinto. Debes pensar en él como en un contenedor.

Englobamos un párrafo dentro de las etiquetas <p> ... </p>. Los navegadores se ocupan de que cada párrafo quede separado entre sí mediante una línea en blanco entre medias.

Este ejemplo básico ilustra el uso de saltos de línea y párrafos. Haz clic sobre el enlace para visualizarlo en el navegador:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
Entre esta frase y la siguiente hay un salto de línea.
<br>
Entre esta frase y la anterior hay un salto de línea.
<p>Esto es un párrafo. Los párrafos son contenedores. Se abren al comienzo del texto 
que engloban y se cierran al final.</p>
<p>Esto es otro párrafo. Un párrafo determina un punto y aparte. 
Fíjate también como los párrafos aparecen separados entre sí automáticamente mediante 
una línea en blanco.</p>
</body>
</html>

Javier Montero Gabarró


Fecha de la última revisión: 8 de diciembre de 2012


HTML: Saltos de línea y párrafos


El texto de este artículo se encuentra sometido a una licencia Creative Commons del tipo CC-BY-NC-ND (reconocimiento, no comercial, sin obra derivada, 3.0 unported)


El Club del Autodidacta


Índice completo de artículos relacionados con HTML.

Deja un comentario