# Linea orizzontale in HTML con il tag hr La linea orizzontale in HTML è una linea che divide il contenuto di un sito web in due sezioni. Il relativo tag HTML `

` non richiede l’uso di un elemento di chiusura. ## Che cos’è una linea orizzontale in HTML? Una linea orizzontale in HTML serve a creare una **linea di separazione visibile e continua** tra due paragrafi o altre sezioni significative in un documento [HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml/). Viene definita per mezzo del tag HTML `

` e permette di migliorare la struttura e la leggibilità di un sito web. Il tag `

` non rappresenta soltanto una linea di separazione visiva, ma ha anche un’importanza semantica: l’elemento indica infatti un cambio di argomento o una pausa tematica. In teoria, il [tag HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-html/) può essere inserito in un qualsiasi punto a piacere all’interno dell’elemento [body](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/html-body/) e non necessita di un elemento di chiusura. L’abbreviazione “hr” sta per “horizontal ruler” (in italiano, riga orizzontale). Il tag HTML `

` supporta tutti gli [attributi HTML](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/attributi-html/) ed è compatibile con tutti i browser più diffusi. ## HTML `

`: sintassi ed esempio La sintassi del tag HTML `

` è semplice, in quanto non richiede ulteriori attributi o parametri: ```html

``` È possibile illustrare il funzionamento di questo elemento con un semplice esempio per tracciare una linea orizzontale in HTML. A tal fine prendiamo un paragrafo (`

`) e un testo tra virgolette (`

`), quindi separiamo le due unità di significato nel nostro documento HTML con una linea orizzontale. Il relativo codice si presenta così: ```html
Linea orizzontale HTML

HTML è il linguaggio di markup standard per i documenti destinati a essere visualizzati sul web. Esso descrive la struttura di un sito web e permette di definire testi, immagini, collegamenti e altri elementi.

“HTML è facile da imparare e offre una solida base per la creazione di siti web.”
``` [![Immagine: Esempio di linea orizzontale in HTML](https://www.ionos.it/digitalguide/fileadmin/_processed_/1/6/csm_esempio-linea-orizzontale-html_b48de8d599.webp "Esempio di linea orizzontale in HTML")](https://www.ionos.it/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/esempio-linea-orizzontale-html.png) La linea orizzontale permette di separare visivamente il passo del testo dalla citazione. ## Modifica dell’aspetto della linea orizzontale in HTML È possibile modificare l’aspetto di una linea orizzontale in HTML. Nelle versioni precedenti, si utilizzavano gli attributi `align`, `color`, `noshade`, `size` e `width`, che però non sono più supportati a partire da [HTML5](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/cose-lhtml5/). Al loro posto è invece possibile usare l’attributo [CSS](https://www.ionos.it/digitalguide/siti-web/web-design/come-imparare-il-css-una-guida-semplice/) [style](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/tag-style-html/). Anziché `align`, utilizziamo questo codice: ```html
Linea orizzontale HTML

HTML è il linguaggio di markup standard per i documenti destinati a essere visualizzati sul web. Esso descrive la struttura di un sito web e permette di definire testi, immagini, collegamenti e altri elementi.

“HTML è facile da imparare e offre una solida base per la creazione di siti web.”
``` Per cambiare il **colore** della linea HTML orizzontale utilizza la proprietà `color`: ```html
Linea orizzontale HTML

HTML è il linguaggio di markup standard per i documenti destinati a essere visualizzati sul web. Esso descrive la struttura di un sito web e permette di definire testi, immagini, collegamenti e altri elementi.

“HTML è facile da imparare e offre una solida base per la creazione di siti web.”
``` Anziché `noshade`, utilizza il codice seguente per inserire una linea orizzontale senza ombreggiatura: ```html
Una normale linea orizzontale:

Con CSS:

``` Per modificare l’**altezza** si utilizza `height`: ```html
Una normale linea orizzontale:

Una linea orizzontale con un'altezza di 50 pixel:

``` La **larghezza** della linea orizzontale in HTML si imposta con il parametro `width`: ```html
Una normale linea orizzontale:

Una linea orizzontale con una larghezza del 30 percento:

``` This is a markdown version of: [https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/linea-orizzontale-in-html/](https://www.ionos.it/digitalguide/siti-web/programmazione-del-sito-web/linea-orizzontale-in-html/) for AI/LLM consumption.