1. Marcatori e attributi


Come s'è detto, i marcatori HTML sono parole chiave, formate da lettere minuscole, scritte tra parentesi uncinate, che indicano un'azione da eseguire su un blocco di testo.
Di norma quindi si usano a coppie, come le parentesi, per delimitare il blocco soggetto alla loro azione.
Ogni coppia è costituita da un marcatore di apertura e da un marcatore di chiusura. Il marcatore di chiusura coincide con quello di apertura preceduto da una barra.

I marcatori, come le parentesi matematiche, possono annidarsi gli uni dentro gli altri, ma bisogna evitare che aperture e chiusure si accavallino. Può essere utile scriverli entrambi immediatamente e poi immettere il testo tra di essi.

Ad esempio, per individuare un paragrafo di testo seguito da un 'a capo' si scrive

<p>Questo è un paragrafo</p>.

Questo è un paragrafo

Perché un brano venga scritto in neretto si scrive

<b>Questo è un brano in neretto</b>.

Questo è brano in neretto

Se si vuole che tutto il contenuto del paragrafo sia in neretto si può scrivere

<p><b>Questo è un paragrafo in neretto</b></p>

Questo è un paragrafo in neretto

Sarebbe tollerata da vari browsers HTML ma sconsigliata in HTML5 la seguente scrittura

<p><b>Questo è un paragrafo in neretto</p></b>

Vari browsers HTML perdonano anche la mancanza di chiusura, sbagliatissima In HTML5.

<p><b>Questo è un paragrafo in neretto

 

La leggibilità di un sorgente, soprattutto per la sua manutenzione diretta, è favorita dall'uso di commenti.

Un commento va scritto in questo modo: <!--Questo è un commento-->.

<!-- La linea seguente codifica un paragrafo-->.

<p>Questo è un paragrafo</p>.

 

Quasi tutti i marcatori di apertura oltre alla parola chiave principale possono contenere attributi, cioè parole chiave di valore variabile che permettono una più raffinata specificazione delle modalità dell'azione espressa dalla chiave principale. L'assegnazione di valore ad un attributo si effettua con il segno di uguale seguito da virgolette che ne specificano il valore. Uno degli attributi di uso più generale è style

Ad esempio:

<p style="font-size:120%;font-weight:bold;color:red"> Questo è un paragrafo rosso grandino e grossino</p>

Questo è un paragrafo rosso grandino e grossino

 

Non tutti i marcatori vanno a coppie: alcuni, denominati marcatori 'vuoti' (empty) sono costituiti dalla sola apertura. In questi casi è bene che la parentesi uncinata finale sia preceduta dalla barra.

Tra questi marcatori vuoti i più usati sono