Codice HTML per altezze di spaziatura linea
HTML rigoroso
Salva l'immagine del computer di Haris Rauf da Fotolia.com Per creare uno spazio tra le linee che sembrano buone, o per aiutare a fare in modo che una sezione di testo si adatti perfettamente all'area appropriata di un sito, usa un codice HTML rigoroso. Seleziona l'opzione di tag "source" per creare un codice come questo:
Il "150%" è la parte che aumenta la distanza tra le righe di testo. Sostituisci i valori per aumentare o diminuire lo spazio.
Tag span
Salva l'immagine del computer di blaine stiger da Fotolia.com Utilizzare i tag span per applicare la modifica dell'altezza della riga del testo scritto tra l'apertura e la chiusura dell'etichetta. La codifica è simile a:
il testo va qui ...
Utilizzare un numero di pixel per regolare le dimensioni del carattere anziché le dimensioni relative grandi, medie o piccole. L'utilizzo di misure accurate per le dimensioni del carattere consente un migliore controllo del testo e consente di lavorare meglio tra le righe.
Alternative CSS
Salva l'immagine del computer di blaine stiger da Fotolia.com L'interlinea può anche essere regolata usando un foglio di stile CSS (CSS). Il CSS controlla qualsiasi elemento che decidi di applicare, un ID di intervallo che hai impostato per una singola sezione di testo sulla pagina o un'intera classe di oggetti comunemente usati. Ad esempio, se si lavora con un blog, è possibile creare una classe per i post di blog e impostare l'altezza della linea del foglio di stile per la classe su 135%. Ogni post di blog avrebbe la stessa altezza di riga. Il codice per stabilire l'altezza della linea in CSS è:
{line-height: 150%;}
Controllo della spaziatura delle linee WYSIWYG
Salva l'immagine del computer da martini da Fotolia.com Molti di questi problemi di codifica possono essere evitati utilizzando un editor Web WYSIWYG o creando siti con programmi online, come WordPress e Joomla, o siti Web con strumenti di authoring gratuiti come Weebly, Wix e Moonfruit. Tutti questi strumenti forniscono editor di testo che tengono fuori ipotesi e mal di testa. Un semplice clic del pulsante del mouse e la spaziatura della linea aumentano allo stesso modo in cui dovresti scrivere un documento nel tuo word processor preferito.
La maggior parte degli editori Web, indipendentemente dalla loro interfaccia WYSIWYG, è molto più facile da usare se si sa come codificare, anche se si scopre che si sta codificando molto meno del solito.
