Codice HTML per Altezza Interlinea

Controlla lo spazio verticale tra le righe di testo in un paragrafo sulla tua pagina web per perfezionare la presentazione visiva. Se serve un po' più spazio riempito di testo, o comprimere più testo in uno spazio, puoi usare tag HTML e CSS per cambiare l'interlinea. Con poche righe di codice regoli l'altezza interlinea, o "line-height", nella tua pagina web.

HTML Puro

Per creare interlinea che sembri giusta, o che aiuti a far entrare una sezione di testo perfettamente nell'area di testo di un sito, usa HTML puro. Usa il tag "font" per creare codice così:

<font style="line-height:150%"></font>

Il "150%" aumenta la spaziatura tra le righe. Sostituisci altri valori per aumentare o diminuire.

Tag Span

Usa tag span per applicare il cambiamento al testo tra apertura e chiusura del tag. Il codice è simile:

<span style="line-height:150%">Testo qui...</span>

Usa un numero di pixel per la dimensione font invece di dimensioni relative large, medium, small. Misure precise danno controllo migliore sul testo e permettono all'interlinea di funzionare meglio.

Alternative CSS

L'interlinea può essere impostata anche con fogli di stile a cascata (CSS). Il CSS controlla l'elemento a cui lo applichi, sia un ID span per una singola sezione di testo o un'intera classe di elementi comuni. Se lavori su un blog, potresti creare una classe per gli articoli e impostare line-height al 135%. Ogni articolo avrebbe la stessa interlinea. Il codice CSS per "line-height" è:

{line-height:150%;}

Controllo Interlinea WYSIWYG

Molti problemi di codifica si evitano usando editor WYSIWYG o creando siti con software online come WordPress, Joomla, o strumenti gratuiti come Weebly, Wix, Moonfruit. Tutti forniscono editor di testo che tolgono congetture e grattacapi. Un clic del mouse e l'interlinea aumenta come in un word processor.

La maggior parte degli editor web, per quanto WYSIWYG, sono più facili se sai codificare, anche se codifichi molto meno di prima.