Formattazione del testo in HTML richiede una comprensione di come funzionano i tag HTML. tag HTML non sono visti dall'utente, ma formattare il testo e come funziona in un documento dall'utente lettura. Inoltre, più tag possono circondare un dato di testo per indicare necessarie proprietà di formattazione. Con l'uso corretto dei tag HTML, progettazione testuale (come la sottolineatura, corsivo, grassetto e collegamenti ipertestuali) diventa una questione di semplice conoscenza quali tag da usare - e quando.

Tag HTML <u>

In genere, l'unico testo che viene sottolineato in un documento Web sono collegamenti ipertestuali. A causa di questo, la pratica del testo sottolineando è deprecato in Web design standardizzato, al fine di evitare confusione. Il progettista può decidere di sottolineare il testo, nonostante questo. In questo caso, che circonda il testo con i tag <u> sottolineerà tutto il testo contenuto quando visualizzato in un browser. Ad esempio, l'HTML

<U> Ciao! </ U>

visualizzerà la parola "Ciao!" sottolineato in un browser web.

Tag HTML <i>

Rendering del testo come in corsivo è una questione di che circonda il testo con i tag, simile al tag sottolineatura (<u>). In questo caso, il tag <i> denota testo formattato con corsivo. Per esempio,

<I> corsivo </ i>

Renderà la parola "Corsivo" in corsivo.

Tag HTML <em>

Un altro modo per rendere il corsivo è con il tag <em>. Il "em" sta per "enfasi", come in "questo testo è importante e va sottolineato." Ma il tag <em> è un po 'diverso. Mentre il seguente testo HTML,

<Em> Corsivo </ em>

normalmente appare identico al testo circondato con il tag <i>, il tag <em> è inteso come un indicatore descrittivo. Cioè, se un browser (Chrome, per esempio) decide di rendere il testo "importante" in modo diverso rispetto a Firefox, quindi il testo apparirà diversa tra i due browser.

Tag Nesting

Per portare questi insieme, i tag devono essere annidati intorno al testo. I browser analizzare HTML standard leggendo i tag di apertura in ordine, e poi cercare i corrispondenti tag di chiusura (quelli con backslash) in ordine inverso. Per corsivo e sottolineato un testo, guardare a questo esempio:

<I> <u> Ciao! </ U> </ i>

L'ordine delle variabili in questo esempio non è importante. Ciò che è importante è che i tag di chiusura seguono un ordine specifico: <u> è l'ultima etichetta prima del testo "Ciao!" e deve essere il primo tag chiuso con </ u>. Poi <i> può essere chiuso con </ i>. Questo renderà un, testo sottolineato in corsivo.