Hoy vamos a hablar sobre la etiqueta <hr> en HTML. Esta etiqueta se utiliza para crear una línea horizontal en una página web. Puede ser útil para separar secciones de contenido, crear encabezados o simplemente para añadir un poco de estilo a tu página.
Por cierto, no te olvides que este artículo forma parte del diccionario HTML donde vemos todas y cada una de las etiquetas de este lenguaje.
¿Qué es hr en HTML?
La etiqueta <hr> es una etiqueta vacía, lo que significa que no tiene contenido.
Se utiliza para crear una línea horizontal en la página web. La línea horizontal se puede personalizar con CSS para cambiar su color, grosor y anchura.
Significado de hr
La etiqueta <hr> significa «Horizontal Rule» (regla horizontal). Se utiliza para separar secciones de contenido en una página web.
Ejemplo de cómo se usa hr
Aquí tienes un ejemplo de cómo se usa la etiqueta <hr>. Por un lado tenemos el encabezado h1 y por otro lado tenemos un párrafo:
<h1>Título de la sección 1</h1>
<p>Contenido de la sección 1</p>
<hr>
<h1>Título de la sección 2</h1>
<p>Contenido de la sección 2</p>
Este código creará dos secciones en la página web, separadas por una línea horizontal.
Cambiar el color
Puedes usar CSS para cambiar el color de la línea horizontal. Aquí tienes un ejemplo:
hr {
color: red;
}
Este código cambiará el color de la línea horizontal a rojo.
Cambiar la anchura
También puedes usar CSS para cambiar la anchura de la línea horizontal. Aquí tienes un ejemplo:
hr {
width: 50%;
}Este código cambiará la anchura de la línea horizontal al 50% del ancho de la página.
Espero que este artículo te haya ayudado a aprender más sobre la etiqueta <hr> en HTML.
Si tienes alguna pregunta, no dudes en dejar un comentario.