Come inserire spazi in HTML

Ultimo aggiornamento 18 maggio 2020 alle 09:54 da Antonello Ciccarello .

Nella creazione del proprio codice HTML si può utilizzare la barra spaziatrice della tastiera per inserire spazi tra i caratteri, le parole, paragrafi e altri elementi. Questo permette di organizzar meglio il proprio documento, tuttavia, il browser riconoscerà solo il primo spazio, mentre gli altri saranno ignorati. Per poter inserire spazi in HTML, bisognerà aggiungere un codice o utilizzare un elemento.

Come inserire più di uno spazio in HTML
Come mettere uno spazio tra paragrafi su HTML
Come inserire un Tab in HTML
Come inserire salti di riga in HTML

Come inserire più di uno spazio in HTML

Per aggiungere uno spazio tra caratteri o più di uno spazio tra lettere in HTML, inserire il codice nbsp. Bisognerà includere tante entità nbsp quanti sono gli spazi bianchi che si desidera visualizzare. Ad esempio, il seguente codice mostrerà due spazi dopo Ciao!, nella fase Ciao a tutti!:

Inoltre bisognerà inserire & prima di nbsp e ; dopo.

Come mettere uno spazio tra paragrafi su HTML

L’elemento <p> definisce un paragrafo e introduce uno spazio di separazione con il seguente testo o paragrafo. Bisognerà aggiungere questo elemento all’inizio del paragrafo e il suo elemento di chiusura corrispondente. Ad esempio, il seguente codice provocherà un salto di linea e aggiungerà una linea aggiuntiva dopo Benvenuti nel mio sito web dedicato alla tecnologia:

Come inserire un Tab in HTML

Non esiste un elemento in codice HTML per inserire un Tab, però è possibile utilizzare lo stesso nbsp, inserendone 4 o 5 volte a continuazione sequenziale:

Non dimenticare di mettere & prima e ; alla fine di nbsp.

Come inserire salti di riga in HTML

Per introdurre un salto della riga bisognerà utilizzare l’elemento <br>, senza necessariamente utilizzare il suo corrispondente di chiusura. Ad esempio, il seguente codice aggiungerà due salti di riga dopo Ciao a tutti!: