|
Leggendo questo manuale di HTML base vi sarete senz'altro accorti del differente utilizzo che è stato fatto di colori, caratteri (font), grandezze e spaziature. A prescindere da quello che può essere il gusto di ciascuno di noi, ogni testo, visti i temi trattati ed il pubblico al quale si rivolge, dovrebbe separare logicamente i contenuti in modo evidente e possibilmente ordinato.
L'HTML ci offre dei TAG per impostare tutte le nostre pagine con diverse opzioni per i titoli, i sottotitoli e le evidenziazioni del testo.
I TAG piu' comuni sono gli HEADERS che prevedono una apertura ed una chiusura e che si differenziano in 6 grandezze:
- <H1></H1> è il codice che restituisce il carattere piu' grande tra gli headers
- <H2></H2> ...
- <H3></H3> ...
- <H4></H4> ...
- <H5></H5> ...
- <H6></H6> è il codice che restituisce il carattere piu' piccolo tra gli headers
La scelta dell'HEADER da utilizzare nei vostri testi è decisamente personale, il consiglio è quello di seguire la logica delle grandezze per determinare quale porzione di testo meriti l'<H1></H1> e quale una grandezza minore. Non è necessario partire dall'<H1></H1>, chi volesse inserire dei titoli piu' piccoli alle proprie pagine può partire anche da misure minori, l'importante è che se assegnate un titolo <H3></H3> alla vostra pagina poi non dovete fare l'errore di assegnare un <H3></H3> o, peggio, un titolo piu' grande, ai paragrafi contenuti! Bisogna sempre scendere.
Facciamo un esempio concreto:
<H2>Questo è il titolo della pagina</H2>
<H3>Questo è il sottotitolo della pagina</H3>
<H5>Questo è il titolo del primo paragrafo</H5>
Questo è il testo del primo paragrafo ... ... ... ... ... ... ... ... ...
<H5>Questo è il titolo del secondo paragrafo</H5>
Questo è il testo del secondo paragrafo ... ... ... ... ... ... ... ... ...
Il codice precedente genera una pagina HTML con questa struttura:
Questo è il titolo della pagina
Questo è il sottotitolo della pagina
Questo è il titolo del primo paragrafo
Questo è il testo del primo paragrafo ... ... ... ... ... ... ... ... ...
Questo è il titolo del secondo paragrafo
Questo è il testo del secondo paragrafo ... ... ... ... ... ... ... ... ...
|
