# Línea horizontal HTML con etiqueta hr La línea horizontal HTML es una línea que divide el contenido de una página web en dos secciones. La etiqueta HTML `

` correspondiente no requiere un elemento de cierre. ## ¿Qué es una línea horizontal HTML? Una línea horizontal HTML se utiliza para dibujar una **línea divisoria visible y continua** entre dos párrafos u otras secciones significativas en un documento [HTML](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/que-es-html/). Se define con la etiqueta HTML `

` y se utiliza para mejorar la estructura y legibilidad de una página web. La etiqueta`

` no es solo una línea divisoria visual, sino que también tiene un significado semántico: el elemento indica que hay un cambio de tema o una ruptura temática. La [etiqueta HTML](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/html-tags/) puede utilizarse teóricamente en cualquier lugar dentro del elemento [body](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/html-body/) y no requiere un elemento de cierre. La abreviatura “hr” viene del inglés “horizontal ruler” (regla horizontal). HTML `

` soporta todos los [atributos HTML](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/atributos-html/) y es soportado por todos los navegadores comunes. ## HTML `

`: sintaxis y ejemplo La sintaxis de HTML `

` es simple, ya que no necesita otros atributos o parámetros aparte de la etiqueta: ```html

``` Podemos ilustrar el funcionamiento del elemento con un sencillo ejemplo de línea horizontal HTML. Para ello, tomamos un párrafo (`

`) y un texto citado (`

`) y separamos las dos unidades de significado en nuestro documento HTML con una línea horizontal. El código apropiado es el siguiente: ```html
Línea horizontal HTML

HTML es el lenguaje de marcado estándar para los documentos que se van a mostrar en la web. Describe la estructura de una página web y permite definir el texto, las imágenes, los enlaces y otros elementos.

”HTML es fácil de aprender y proporciona una base sólida para crear páginas web”
hash_2a420f0bfde51061c46ba59b50f47f8a1b4f0240 ``` [![Imagen: Ejemplo de línea horizontal en HTML](https://www.ionos.es/digitalguide/fileadmin/_processed_/f/7/csm_linea-horizontal-html-ejemplo_2a90bc113b.webp "Ejemplo de línea horizontal en HTML")](https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/linea-horizontal-html-ejemplo.png) La línea horizontal separa visualmente el pasaje de texto de la cita. ## Personalizar el aspecto de la línea horizontal en HTML Es posible personalizar el aspecto de una línea horizontal en HTML. Aunque antes se utilizaban para ello los atributos `align`, `color`, `noshade`, `size` y `width`, desde [HTML5](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/que-es-html5/) ya no son compatibles. En su lugar, puedes utilizar el atributo [CSS](https://www.ionos.es/digitalguide/paginas-web/diseno-web/que-es-css-un-tutorial-con-lo-que-necesitas-saber/) [style](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/html-tag-style/). Usa este código en lugar de `align`: ```html
Línea horizontal HTML

HTML es el lenguaje de marcado estándar para los documentos que se van a mostrar en la web. Describe la estructura de una página web y permite definir texto, imágenes, enlaces y otros elementos.

”HTML es fácil de aprender y proporciona una base sólida para crear páginas web”
hash_2a420f0bfde51061c46ba59b50f47f8a1b4f0240 ``` Puedes cambiar el **color** de la línea horizontal HTML con la propiedad `color`: ```html
Línea horizontal HTML

HTML es el lenguaje de marcado estándar para los documentos que se van a mostrar en la web. Describe la estructura de una página web y permite definir texto, imágenes, enlaces y otros elementos.

”HTML es fácil de aprender y proporciona una base sólida para crear páginas web”
hash_2a420f0bfde51061c46ba59b50f47f8a1b4f0240 ``` En lugar de `noshade`, usa el siguiente código para incluir una línea horizontal sin sombra: ```html
Una línea horizontal normal:

Con CSS:

``` Cambia la **altura** con `height`: ```html
Una línea horizontal normal:

Una línea horizontal con una altura de 50 píxeles:

``` El **ancho** de la línea horizontal HTML se establece con el parámetro `width`: ```html
Una línea horizontal normal:

Una línea horizontal con un 30 por ciento de ancho:

``` This is a markdown version of: [https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/linea-horizontal-html/](https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/linea-horizontal-html/) for AI/LLM consumption.