HTML br

La etiqueta <br> en HTML es utilizada para insertar un salto de línea en un documento HTML. Esta etiqueta no requiere un cierre, ya que no contiene ningún contenido. Es una etiqueta de contenido vacío.

La sintaxis básica de la etiqueta <br> es la siguiente:

<br>
Lenguaje del código: HTML, XML (xml)

Puedes utilizar varias etiquetas <br> en una línea para insertar varios saltos de línea. Por ejemplo:

<br><br><br>
Lenguaje del código: HTML, XML (xml)

También se pueden utilizar atributos adicionales con <br> como el clear para especificar si la línea siguiente debe comenzar debajo de una imagen flotante o no. Por ejemplo:

<br clear="left">
Lenguaje del código: HTML, XML (xml)

En resumen, la etiqueta <br> se utiliza para insertar un salto de línea en un documento HTML y no tiene contenido, es solo una etiqueta vacía.

Puede ser utilizada para separar contenido en diferentes líneas y también tiene algunos atributos adicionales para controlar el comportamiento del salto de línea.

Ejemplo de uso

Aquí tienes un ejemplo de cómo se utiliza la etiqueta <br> en HTML:

<p>Esta es una línea de texto.<br> Y esta es otra línea de texto que comienza justo debajo de la primera.</p>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, se utiliza la etiqueta <p> para crear un párrafo, y se utiliza la etiqueta <br> para insertar un salto de línea entre las dos líneas de texto. El resultado se vería así:

Esta es una línea de texto. Y esta es otra línea de texto que comienza justo debajo de la primera.
Lenguaje del código: HTML, XML (xml)

Otro ejemplo:

<h1>Título</h1> <p>Este es un ejemplo de párrafo <br> con varios saltos de línea.</p>
Lenguaje del código: HTML, XML (xml)

En este ejemplo, se utiliza la etiqueta <h1> para crear un título y se utiliza varias veces la etiqueta <br> para dar varios saltos de línea entre el título y el párrafo. El resultado se vería así:

Título Este es un ejemplo de párrafo con varios saltos de línea.
Lenguaje del código: texto plano (plaintext)

Espero que esto te ayude a entender cómo se utiliza la etiqueta <br> en HTML.

Atributos

La etiqueta <br> en HTML no tiene muchos atributos, pero algunos de los atributos más importantes son los siguientes:

  • clear: Este atributo es utilizado para especificar si la línea siguiente debe comenzar debajo de una imagen flotante o no. El valor puede ser “left”, “right”, “both” o “none”. Por ejemplo: <br clear="left">.
  • id: El atributo id se utiliza para especificar un identificador único para el elemento. Es utilizado para hacer referencia a él en hojas de estilo en cascada (CSS) o scripts (como JavaScript).
  • class: El atributo class se utiliza para especificar una o varias clases para el elemento. Es utilizado para aplicar estilos en hojas de estilo en cascada (CSS) o scripts (como JavaScript).
  • style: El atributo style se utiliza para especificar el estilo en línea para el elemento. Es utilizado para aplicar estilos en línea en el elemento.
  • title: El atributo title se utiliza para especificar un título adicional para el elemento. El título se muestra como un tooltip cuando el usuario pasa el cursor sobre el elemento.

Es importante mencionar que, debido a que la etiqueta <br> no contiene ningún contenido, no se utilizan atributos como “href” o “src” que se utilizan en otras etiquetas.

Ejemplos de atributos

Aquí tienes algunos ejemplos de cómo utilizar los atributos más importantes de la etiqueta <br> en HTML:

  • clear:
<img src="image.png" style="float:left;"> Texto que comienza debajo de la imagen <br clear="left"> Texto que comienza en una nueva línea, debajo del texto anterior y no debajo de la imagen flotante.
Lenguaje del código: HTML, XML (xml)
  • id:
<br id="linebreak1">
Lenguaje del código: HTML, XML (xml)
  • class:
<br class="linebreak">
Lenguaje del código: HTML, XML (xml)
  • style:
<br style="line-height:1.5;">
Lenguaje del código: HTML, XML (xml)
  • title:
<br title="This is a line break">
Lenguaje del código: HTML, XML (xml)

En estos ejemplos se ve como se utiliza cada uno de los atributos mencionados en la etiqueta <br>, pero es importante mencionar que algunos de estos atributos tienen un uso muy específico y no son tan comunes de utilizar.

Sin embargo, clear es un atributo muy útil para controlar el comportamiento de los saltos de línea cuando se trabaja con imágenes flotantes.