Páginas

Uso de la Etiqueta <hr> para Dividir Contenido en HTML

Uso de la Etiqueta <hr> para Dividir Contenido en HTML

La etiqueta <hr> en HTML se utiliza para insertar una línea horizontal que sirve para dividir contenido dentro de una página web. Esta línea puede ser útil para separar secciones o bloques de contenido, mejorando la organización visual.

Formula del código:

<hr>

Ejemplo de uso:

Contenido antes de la línea horizontal.


Contenido después de la línea horizontal.

El elemento <hr> es un elemento de auto-cierre, lo que significa que no necesita una etiqueta de cierre. Puedes usar CSS para personalizar su apariencia, como el grosor, el color y el estilo de la línea.

Ejemplo con CSS:

<style>
  hr {
    border: 1px solid #000; /* Color negro */
    margin: 20px 0; /* Espacio arriba y abajo */
  }
</style>
<hr>

Este código CSS cambiará el color de la línea horizontal a negro y añadirá un espacio arriba y abajo de la línea.

Para más información sobre el uso de <hr> y cómo personalizarlo con CSS, consulta la documentación oficial de HTML y CSS:

Documentación sobre <hr>