Lezione 17: Titoli, paragrafi e blocchi di testo.

Uno degli argomenti che abbiamo affrontato durante la lezione del 15 Marzo 2013 è stato: “Titoli, paragrafi, blocchi di testo e contenitori” (Lezione 17 dal sito html.it).

Per rendere la pagina più semplice da leggere e modificare, e per ottenere una migliore formattazione esistono alcuni tag-contenitori che ci permettono di racchiudere il testo.

I principali tag che identificano dei blocchi sono:

<p> usato all’inizio della prima frase del paragrafo che si vuole creare.

</p> viene usato dopo l’ultima frase per marcare la fine del paragrafo.

Esempio: <p>paragrafo 1</p>

<div> a differenza del paragrafo non lascia spazi prima e dopo la sua apertura; per chiuderlo si utilizza </div> .

Esempio: <div>blocco di testo 1</div>

All’interno dei blocchi di testo viene utilizzato <span> se non si vuole andare a capo dopo un punto, chiudendo sempre con </span> . Se invece si vuole andare a capo viene utilizzato <br> che non bisogna chiudere.

Esempio: <span>contenitore 1</span><span>contenitore 2</span>

Per quanto riguarda il titolo viene usato il tag <h1> che lascia una riga vuota prima e dopo di sé. Eventuali sottotitoli sono espressi da <h2> (fino a 6) diventano progressivamente piccoli di carattere, ma sempre in grassetto.

Il titolo viene chiuso con </h1> o relativo numero.

Esempio: <h1>titolo 1 </h1>

<h2>titolo 2 </h2>

<h3>titolo 3 </h3>

<h4>titolo 4 </h4>

<h5>titolo 5 </h5>

<h6>titolo 6 </h6>