Codice HTML per altezze interlinea

...

L'HTML è la spina dorsale di Internet.

Controlla lo spazio verticale tra le righe di testo all'interno di un paragrafo della tua pagina Web per perfezionare la tua presentazione visiva. Se hai bisogno di un po' di spazio extra pieno di testo, o hai bisogno di comprimere un po' di testo in più in un certo spazio, puoi usare i tag HTML e CSS per modificare l'interlinea per adattarla. 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 in un sito, usa il codice HTML rigoroso. Usa il tag "font" per creare codice come questo:

Video del giorno

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

tag span

Utilizzare i tag span per applicare la modifica dell'altezza della linea 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 invece delle dimensioni relative grande, media o piccola. L'utilizzo di misurazioni precise per la dimensione del carattere offre un migliore controllo del testo e consente all'interlinea di funzionare meglio.

Alternative CSS

L'interlinea può essere impostata anche utilizzando un foglio di stile a cascata (CSS). Il CSS controlla qualsiasi elemento a cui decidi di applicarlo, sia esso uno span ID che imposti per una singola sezione di testo sulla pagina o un'intera classe di elementi comunemente usati. Ad esempio, se stai lavorando con un sito di blog, puoi creare una classe per i post di blog e impostare l'altezza della riga del foglio di stile per la classe al 135%. Ogni post di blog avrebbe la stessa altezza di riga. Il codice per impostare "l'altezza della riga" in CSS è:

{altezza della 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 Frutto della luna. 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 nel tuo elaboratore di testi preferito.

La maggior parte degli editor Web, non importa quanto sia WYSIWYG la loro interfaccia, è molto più facile da usare se sai come programmare, anche se trovi che il tuo codice è molto meno di prima.