La etiqueta BR para los saltos de línea en los textos de una web

A la hora de escribir textos vimos cómo usar los párrafos. Recuerdas sus etiquetas <p> y </p>? Al usar los párrafos, no aparecen saltos de línea hasta que no termina ese párrafo, es decir, no se ven saltos de línea hasta que se alcanza la etiqueta de cierre </p>. Existe no obstante una etiqueta para provocar un salto de línea sin tener que esperar a cerrar el párrafo.

Los saltos de línea se definen con la etiqueta <br />. Esta etiqueta, al igual que la de imagen y la de las metas, no tiene etiqueta de cierre y por eso se le coloca la barra al final, como puedes ver.

Puedes usar los saltos de línea siempre que quieras que un elemento aparezca en la línea siguiente. Esto no solo ocurrirá dentro de los párrafos. Si por ejemplo tienes varios enlaces que te aparecen en la misma línea y tú deseas que aparezcan uno bajo el otro, puedes colocar la etiqueta <br /> al final de cada uno de los códigos de los enlaces para conseguirlo.

Recuerdas el ejemplo de la página anterior? Pusimos tres enlaces para enviar a los visitantes al título uno, dos o tres. Esos enlaces aparecían juntos en la misma línea. Si ahora en lugar de esto:

. . . . . . . .
    <h1>Menú de Contenidos</h1>
        <a href="#titulouno" title="Ir al título uno">Ir al título uno</a>
        <a href="#titulodos" title="Ir al título dos">Ir al título dos</a>
        <a href="#titulotres" title="Ir al título tres">Ir al título tres</a>
    <h2>Título Uno</h2>
. . . . . . . .

colocamos la etiqueta de salto de línea tras los dos primeros enlaces, así:

. . . . . . . .
    <h1>Menú de Contenidos</h1>
        <a href="#titulouno" title="Ir al título uno">Ir al título uno</a><br />
        <a href="#titulodos" title="Ir al título dos">Ir al título dos</a><br />
        <a href="#titulotres" title="Ir al título tres">Ir al título tres</a>
    <h2>Título Uno</h2>
. . . . . . . .

conseguimos que cada enlace aparezca en una nueva línea.

Del mismo modo, si insertamos la etiqueta de salto de línea en medio del texto de un párrafo, provocaremos un salto de línea justo en esa parte, a pesar de que el párrafo aún no haya terminado.

Siempre que lo uses recuerda ponerle la barrita, y dejar un espacio entre br y la barra, oki?

Aprovecho para decirte algo sobre los saltos de línea. Cada vez que abres un párrafo con su etiqueta <p> aparece un salto de línea sin necesidad de colocar la etiqueta <br />. También aparecen saltos cuando empiezas un título con <h1>,<h2>, etc.

En cambio, no aparecen saltos automáticamente, cuando insertas en una web un enlace (<a href="....), o una imagen (<img src=....>). Es por eso que en el ejemplo de la página anterior, los enlaces aparecían en la misma línea y por eso para que aparezcan en líneas distintas hemos tenido que añadirles la etiqueta <hbr />.

Los elementos que producen un salto de línea automáticamente sin necesidad de colocar la etiqueta <br /> se denominan Elemenos de Bloque mientras que los que no producen este salto de modo automático se llaman Elementos de Línea.

Se puede conseguir que elementos de bloque no produzcan esos saltos, e igualmente, que elementos de línea sí tengan saltos, sin necesidad de ponerles el <br />. Cómo? Usando estilos CSS, pero eso lo veremos en ese otro curso, oki?