I principali tag per formattare il testo all’interno di una pagina html. La lista include: intestazioni, paragrafi, stili e speciali formattazioni per eseguire le citazioni. Elementi adottati da HTML 5.

Intestazioni

I titoli che precedono il contenuto dei vari paragrafi.

<h1></h1> è la più importante, va usata solo per il titolo della pagina.
<h2></h2> usata, generalmente, per nominare i vari paragrafi.
<h3></h3> usata occasionalmente come titolo paragrafi.
<h4></h4>, <h5></h5> e <h6></h6> usate raramente.

Paragrafi

Un paragrafo è un’unità di testo che rappresenta una sezione distinta di contenuto all’interno di un documento. In generale, un paragrafo è composto da una serie di frasi o di idee collegate tra loro che trattano di un argomento specifico o di una parte del contenuto complessivo del documento.

<p></p> formattazione avviene tramite browser.
<pre></pre> viene mantenuta la formattazione presente nel codice sorgente.
<br> consente di andare a capo quando si usa il tag <p></p>.
<hr> crea un separatore orizzontale con lieve bordo.

Elementi di formattazione

I principali stili di formattazione.

<b></b> testo in grassetto.
<strong></strong> come sopra ma più importante.
<i></i> testo in corsivo.
<em></em> come sopra ma più enfatizzato.
<mark></mark> testo evidenziato, di default giallo.
<small></small> simile al corsivo, più piccolo.
<del></del> testo barrato.
<ins></ins> testo sottolineato.
<sub></sub> corrisponde al pedice.
<sup></sup> corrisponde all'apice.

Citazioni

Formattazioni speciali per fare citazioni.

<abbr></abbr> Definisce un'abbreviazione o acronimo.
<address></address> Definisce le informazioni di contatto per l'autore/proprietario di un documento.
<bdo></bdo> Definisce la direzione del testo.
<blockquote></blockquote> Definisce una sezione che è citata da un'altra fonte.
<cite></cite> Definisce il titolo di un'opera.
<q></q> Definisce una breve citazione inline.

Colori

In html è possibile modificare il colore del testo e lo sfondo di un paragrafo aggiungendo al rispettivo tag l’elemento:

style=”color:nomecolore” oppure style=”background-color:nomecolore”.

Così si può modificare il colore di sfondo di elementi come l’evidenziatore <mark> di default impostato sul giallo.

I colori possono essere espressi in RGB, HEX e HSL.