Formattazione del testo in HTML richiede una comprensione di come tag HTML lavoro. Tag HTML non sono visibili dall'utente, ma essi formattare il testo e come funziona in un documento di utente-lettura. Inoltre, più tag possono racchiudere qualsiasi testo specificato per indicare le proprietà di formattazione necessarie. Con l'utilizzo di tag HTML corretto, progettazione testuale (ad esempio, sottolineatura, corsivo, grassetto e collegamenti ipertestuali) diventa una questione di semplicemente sapere quali tag utilizzare..--e quando.
Tag HTML < u >
In genere, l'unico testo che è sottolineato in un documento Web sono collegamenti ipertestuali. Per questo motivo, la pratica di sottolineare il testo è deprecata in standard Web design al fine di evitare confusione. Il designer potrebbe voler sottolineare il testo nonostante questo. In questo caso, testo con i tag < u > circostante verrà sottolineato tutto il testo contenuto quando visualizzati in un browser. Ad esempio, il codice HTML
< u > Ciao! </u >
verrà visualizzata la parola "Hello!" ha sottolineato in un browser web.
Tag HTML < i >
Rendering del testo in corsivo è una questione di che circonda il testo con i tag destro, simili al tag sottolineatura (< u >). In questo caso, la < i > tag denota testo formattato in corsivo. Per esempio
< i > corsivo < /i >
Renderà la parola "Italianizzati" in corsivo.
HTML Tag < em >
Un altro modo per eseguire il rendering di corsivo è con il tag < em >. Il "em" è sinonimo di "accento", come in "questo testo è importante e dovrebbe essere dato risalto a." Ma il tag < em > è un po' diverso. Mentre il testo HTML seguente,
< em > italianizzati < /em >
normalmente apparirà identico al testo circondato con la < i > tag, il tag < em > è da intendersi come un indicatore descrittivo. Cioè, se un browser (Chrome, ad esempio) decide di rendering del testo "importante" in modo diverso da Firefox, il testo apparirà diverso tra i due browser.
Tag di nidificazione
Per portare questi insieme, i tag devono essere annidati intorno al testo. Browser per analizzare HTML standard di lettura di tag di apertura in ordine e quindi cercando il corrispondente tag di chiusura (quelli con barre rovesciate) in ordine inverso. Per applicare il corsivo e il sottolineato un testo, Guarda questo esempio:
< i >< u > Ciao! </u >< /i >
L'ordine dei tag in questo esempio non è importante. Ciò che è importante è che i tag di chiusura seguano un ordine specifico: < u > è l'ultimo tag prima del testo "Hello!" e deve essere il primo tag chiuso con </u >. Quindi < i > posso essere chiuso con < /i >. Questo eseguirà il rendering di un testo in corsivo, sottolineato.