Controllare lo spazio verticale tra le righe di testo all'interno di un paragrafo sulla tua pagina Web per raffinare la vostra presentazione visiva. Se avete bisogno di un piccolo extra spazio riempito con testo o bisogno di spremere un piccolo testo supplementare in un certo spazio, è possibile utilizzare tag HTML e CSS per modificare l'interlinea per adattarsi. Con poche righe di codice è possibile regolare l'altezza della riga spaziatura, o "altezza di riga" nella tua pagina Web.

HTML Strict

Per creare un'interlinea che guarda a destra, o che contribuisce a rendere una sezione di testo corrispondono perfettamente all'interno dell'area di testo in un sito, utilizzare HTML strict. Utilizzare il tag "font" per creare codice simile al seguente:

< stile font = "riga-altezza: 150%" >

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

Tag span

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

< span style = "color: #FFF; linea-altezza: 150%; font-size: 12px; " > testo va qui... < / span >

Utilizzare un numero di pixel per impostare la dimensione del carattere anziché le dimensioni relative grandi, medie o piccole. Utilizzando misurazioni precise per dimensione del carattere consente un migliore controllo del testo e permette l'interlinea lavorare meglio.

Alternative CSS

Interlinea può essere impostata anche utilizzando un foglio di stile CSS (CSS). Il CSS controlla qualsiasi elemento si decide di applicarlo a, sia esso un span ID impostato per una singola sezione di testo sulla pagina o un'intera classe di comunemente utilizzato elementi. Per esempio, se si lavora con un sito blog si potrebbe creare una classe per le voci di blog e impostare l'altezza di riga foglio di stile per la classe al 135%. Ogni voce del blog avrebbe l'altezza della riga stessa. Il codice per l'impostazione "altezza riga" nel CSS è:

{linea-altezza: 150%;}

Controllo spaziatura linea WYSIWYG

Molti di questi problemi di codifica può essere aggirati utilizzando un editor WYSIWYG Web o mediante la creazione di siti con software online come WordPress e Joomla o gratuito sito Web strumenti di creazione come Weebly, Wix e Moonfruit. Tutti questi strumenti forniscono degli editor di testo prendere le congetture e distanza testa-graffio. Un semplice click di un pulsante del mouse e l'interlinea aumenta solo come se si stesse scrivendo un documento nel vostro word processor preferito.

Maggior parte dei redattori Web, non importa come WYSIWYG loro interfaccia, sono molto più facili da usare se sai come scrivere il codice, anche se si scopre che è il codice molto meno è stato usato per.