Anche se non è possibile modificare solo la larghezza di un carattere direttamente in HTML, è possibile modificare lo stile del carattere per utilizzare un tipo di carattere naturalmente largo o stretto. È inoltre possibile modificare la larghezza del carattere modificando la dimensione del carattere globale. Infine, è possibile modificare la quantità di spaziatura tra le lettere. Si noti che esiste un codice CSS chiamato "Font-stretch," cui scopo è quello di modificare la larghezza dei caratteri. Tuttavia, nessuno dei principali browser supportano.
Creare la pagina Web
Per utilizzare il codice per specificare la spaziatura tra le lettere di una pagina Web, creare una pagina HTML vuota. Il listato che segue questa sezione ha una pagina. Incollare il profilo in un nuovo documento di testo, è possibile creare con Word Pad o un altro elaboratore di testi. Salvare il documento con qualsiasi nome di file che terminano con "HTML" o "HTM".
< html >
< head >
< / head >
< corpo >
< / body >
< / html >
Definire stile
Dopo aver creato un modello HTML per cercare il codice per modificare la spaziatura tra le lettere, scrivere il codice che specifica la spaziatura che si desidera utilizzare. Questo codice verrà visualizzato il tag Style, che si verifica nella sezione Head della tua pagina. Il tag di Letter-spacing indica il browser che si desidera modificare la spaziatura tra le lettere, al contrario di alcune altre qualità, come il nome del carattere o del tipo di carattere. Il valore successivo il ":" carattere consente di specificare come ampio spazio le lettere. Aumentare il numero dell'esempio dato per aumentare la spaziatura. Diminuire il numero per diminuire la spaziatura.
< style type = "text/css" >
.spacer {lettera-spaziatura: 20px;}
< / stile >
Codice HTML utilizzando lo stile
Dopo la creazione della sezione di stile che definisce la spaziatura di lettera che si desidera utilizzare, è possibile applicare tale definizione a un elemento HTML. Nell'esempio seguente viene illustrato come applicare una definizione di spaziatura lettera sia da un punto e un arco all'interno di un paragrafo.
< corpo >
< P class = "spacer" > hello </p >
< P > si tratta di testo normalmente distanziato, ma < span class = "spacer" > questo non è. < / span >
</p >
< / body >
Visualizza nel Browser Web
Dopo aver definito lo stile che gli impatti di spaziatura tra le lettere e applicato quello stile per almeno un elemento HTML, è possibile valutare i risultati aprendo il documento Web in un browser. Fare clic sul comando "Salva" di editor di testo, quindi aprire il browser Web. Fare clic sul menu "File", quindi fare clic su "Apri". Individuare e fare doppio clic sul documento Web che appena salvato. Il browser caricherà il documento e visualizzare la tua pagina Web, che vi mostrerà la spaziatura lettera specificata nella sezione stile.