Formattazione del testo in HTML

oggigiorno la formattazione del testo avviene con i CSS perché ci permette di avere più padronanza e libertà per quanto riguarda la stilizzazione delle pagine web, molti tag <font> sono ormai deprecati, ma non per questo se si aspira al web bisogna evitare di conoscerli, studiarli e assimilarli per il semplice motivo che contribuiscono ad una maggiore formazione e professionalità da parte del web-master o web-designer, sembrerebbe strano infatti fare l’insegnate di matematica, geografia o altro in una scuola e ad una domanda da parte di un alunno sul illuminismo oppure altro argomento di un certo spessore storico che hanno lasciato il segno nella storia dell’evoluzione umana rispondere con un non saprei, detto questo il discorso cambia quando ci riferiamo ad alcuni tag di stilizzazione del testo storici che ancora oggi hanno una certa utilità e pongono il web master in fase di sviluppo davanti a una scelta tra alcuni tag storici come il grassetto, corsivo, sottolineato, e altri, ecco quindi farsi avanti l’importanza di studiare le origini del html.

infatti, seppure con CSS sia possibile riprodurre ogni stile, l'utilizzo del markup HTML non può dirsi "superato" in quanto, è importante sia da un punto di vista SEO ma anche per quanto riguarda l’accessibilità dei documenti.

I tag HTML il cui scopo è, semplicemente, quello di applicare una determinata formattazione stilistica al testo sono:

Il tag <b> bold  (grassetto)

La sua funzionalità serve per applicare lo stile grassetto ad un testo:

Esempio <b>grassetto</b>

Il tag <i> italic  (italico anche detto corsivo)

E' utilizzato per applicare lo stile italico

Esempio: <i>italico</i>

Il tag <u>  underline  (sottolineato)

Applicare lo stile sottolineato ad un testo

Esempio: <u>sottolineato</u>

I tag <s> e <strike>  (barrato)

Rende il testo barrato

Esempi: <s>barrato</s>    <strike>barrato</strike>

i tag <big> e <small>

Questi tag permettono di scrivere un testo utilizzando una dimensione definita grande (big) o piccola (small) del font istanziato

Esempio:

Scritta in <big>grande</big>......

......e scritta in <small>piccolo</small>

Vedi la differenza?

I tag <sup> e <sub>

Questi tag (sup) e utilizzato per scrivere del testo in apice mentre il tag (sub) in pedice.

Esempi:

 E = 10² Visualizza E = 10²   

H₂O

Visualizza: H₂O

Il tag <tt>

Il testo Vviene formattato utilizzando un carattere a larghezza fissa:

<tt>Formattazione testo con font a larghezza fissa</tt>

Formattazione testo con font a larghezza fissa.

 Iniziamo anche vedendo come formattare del testo in un documento HTML.

Il tag che ci permette di richiamare tali proprietà è il font e supporta gli attributi face per la scelta del carattere, size per l’impostazione delle dimensioni del testo e color per impostare il colore. In questo esempio riportato di seguito con "Arial" come font, la dimensione ossia il “size” a tre con il “color” cioè il colore verde, mentre se non fossero stati assegnati i valori impostati di default all'elemento testo, sarebbero stati il font “Times New Roman”, size impostato a “3” e il color “black”.

<font face="Arial" size="3" color="green">

Questo e un esempio di formattazione testo con il metalinguaggio HTML.

</font>

Per quanto riguarda l'attributo face si consiglia di utilizzare un carattere standard, cioè un font presente di default su tutti i computer perché altrimenti si andrebbe contro in spiacevoli sorprese e ciò è che non tutti gli utenti riuscirebbero poi ad avere la visione del contenuto del documento con i valori da noi assegnati, per esempio caratteri e colori diversi per il semplice fatto che alcuni font non sono supportati da tutti i sistemi operativi o dai browser, di seguito vi sono elencati i font supportati da tutti e sono: (Arial, Thaoma, SansSerif, Verdana).Utilizzando questi font non si corre il rischio che alcuni utenti non visualizzino il contenuto di una pagina con i valori impostati. Infine per l'attributo size i valori vanno impostati in forma numerica da uno a sette dove 1 è la dimensione minima e 7 la massima, Il color invece è l’attributo  utilizzato per assegnare il colore del testo, accetta diverse tipologie di valori come nome del colore in lingua inglese, ad esempio: Red. L’assegnazione in esadecimale con questa sintassi #FD0400, e infine abbiamo la codifica rgb (Red, green and blue), ossia tradotto in italiano rosso, verde e blu con scala valori da zero a duecentocinquantacinque, ecco la sintassi rgb (255, 200, 20).