Saltar al contenido

Etiqueta HTML <br>

Definición

La etiqueta HTML <br> define un salto de línea. A diferencia de la <p> tag, que crea un salto de párrafo, la etiqueta <br> simplemente mueve el texto siguiente a la línea siguiente sin añadir espacio vertical extra.

br example

Sintaxis

La etiqueta <br> es un elemento vacío en HTML5, lo que significa que no requiere una etiqueta de cierre. Sin embargo, en XHTML, debe estar autocerrada (<br />).

Ejemplo de la etiqueta HTML <br>:

Ejemplo de la etiqueta br

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Example of the &lt;br&gt; tag usage.</h1>
    <p> Inside the paragraph, we can put the tag &lt;br /&gt;, <br /> to transfer a part of the text to another line if necessary.</p>
  </body>
</html>

Uso

La etiqueta <br> se utiliza para introducir saltos de línea. Es útil para escribir direcciones, poemas o letras de canciones.

peligro

No utilice la etiqueta <br> para separar párrafos. Es muy problemático usar la etiqueta <br> para separar párrafos para las personas que navegan mediante tecnología de lectura en pantalla. Utilice elementos <p> y la propiedad margin de CSS para controlar el espaciado.

Ejemplo de la etiqueta HTML <br> para introducir saltos de línea:

Etiqueta HTML br

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Example of the &lt;br&gt; tag usage</h1>
    <blockquote>
      But I'm not the only one<br />
      I hope some day you'll join us<br />
      And the world will live as one.<br />
    </blockquote>
    <cite>John Lennon "imagine"</cite>
  </body>
</html>

Atributos

AtributoValorDescripción
clearallElimina los floats de ambos lados. No se usa en HTML5.
clearleftElimina los floats del lado izquierdo. No se usa en HTML5.
clearrightElimina los floats del lado derecho. No se usa en HTML5.
clearnoneCancela el efecto del atributo clear. No se usa en HTML5.

La etiqueta <br> admite los Atributos Globales y los Atributos de Eventos.

Práctica

¿Cuál es el propósito de la etiqueta HTML <br> y cómo se utiliza?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.