Codice HTML per le altezze dell'interlinea

Controlla lo spazio verticale tra le righe di testo all'interno di un paragrafo sulla tua pagina Web per perfezionare la tua presentazione visiva. Se hai bisogno di un po' di spazio in più riempito di testo, o hai bisogno di spremere un po' di testo in più in un determinato spazio, puoi utilizzare i tag HTML e CSS per modificare l'interlinea in modo che si adatti. Con poche righe di codice puoi regolare l'altezza dell'interlinea o "altezza della riga" nella tua pagina Web.

HTML rigoroso

Per creare un'interlinea che appaia corretta o che aiuti a far sì che una sezione di testo si adatti perfettamente all'area di testo di un sito, utilizza HTML rigoroso. Usa il tag "font" per creare un codice come questo:

Il "150%" è la parte che aumenta la spaziatura tra le righe di testo. Sostituisci altri valori per aumentare o diminuire la spaziatura.

Tag di estensione

Utilizzare i tag span per applicare la modifica dell'altezza della riga al testo immesso tra l'apertura e la chiusura del tag. La codifica è simile:

Il testo va qui...

Utilizzare un numero di pixel per impostare la dimensione del carattere anziché le dimensioni relative grande, media o piccola. L'utilizzo di misurazioni precise per la dimensione del carattere offre un migliore controllo del testo e consente un migliore funzionamento dell'interlinea.

Alternative CSS

L'interlinea può anche essere impostata utilizzando un CSS (Cascading Style Sheet). Il CSS controlla qualunque elemento tu decida di applicarlo, sia esso un ID intervallo impostato per una singola sezione di testo sulla pagina o un'intera classe di elementi di uso comune. Ad esempio, se stai lavorando con un blog, puoi creare una classe per i post del blog e impostare l'altezza della linea del foglio di stile per la classe al 135%. Ogni post di blog avrebbe la stessa altezza della linea. Il codice per impostare "altezza linea" in CSS è:

{altezza-linea:150%;}

Controllo dell'interlinea WYSIWYG

Molti di questi problemi di codifica possono essere aggirati utilizzando un editor Web WYSIWYG o creando siti con software online come WordPress e Joomla, o strumenti gratuiti per la creazione di siti Web come Weebly, Wix e Moonfruit. Tutti questi strumenti forniscono editor di testo che eliminano le congetture e i grattacapi. Un semplice clic del pulsante del mouse e l'interlinea aumenta proprio come se stessi scrivendo un documento con il tuo elaboratore di testi preferito.

La maggior parte degli editor Web, non importa quanto sia WYSIWYG la loro interfaccia, sono molto più facili da usare se sai come programmare, anche se trovi che codifica molto meno di prima.