Body/>
Il body è il contenitore generale della pagina; al suo interno si trova la struttura della pagina è il contenuto da trasmettere. Per evitare alcune imprecisioni, vi segnalo alcune particolarità dell’html 5
- La tag <font> non è supportata dall’html 5, pertanto non deve essere usata.
- Qualora si volesse usare dello stilper per paragrafi, titoli o altre tag è necessario usare l’attributo style=”” allinterno della tag (il css a parte è trattato in terza). Se per esempio si vuole un paragrafo rosso, courier new, 20px la grafia sarebbe: <p style=”color: red; font-family: ‘Courier New’; font-size: 20px”
Alcune tag da provare
Il body è il contenitore generale della pagina; al suo interno si trova la struttura della pagina è il contenuto da trasmettere. Per evitare alcune imprecisioni, vi segnalo alcune particolarità dell’html 5
- La tag <font> non è supportata dall’html 5, pertanto non deve essere usata.
- Qualora si volesse usare dello stilper per paragrafi, titoli o altre tag è necessario usare l’attributo style=”” allinterno della tag (il css a parte è trattato in terza). Se per esempio si vuole un paragrafo rosso, courier new, 20px la grafia sarebbe: <p style=”color: red; font-family: ‘Courier New’; font-size: 20px”
Tag base
| TAG | Funzione |
|---|---|
| <h1> Titolo </h1> | Utilizzata per i titoli. Il numero dopo la 'h' rappresenta il peso del titolo. h1 è il titolo più rilevante, il titolo più piccolo possibile è l'h6. |
| <p>Paragrafo </p> | Definisce un paragrafo |
| <br> | è una tag aperta usata per andare a capo. A differenza del paragrafo non spazia le righe |
| <hr> | Traccia una riga orizzontale, in genere usata per separare elementi |
Formattazione testi
Immagini
Per le immagini è importante comprendere l’uso di una sola tag la <img> in cui è necessario inserire alcuni attributi:
- alt. fornisce la descrizione dell’immagine nel caso in cui non venga caricata correttamente
- width. La larghezza dell’immagine con la relativa unità di misura.
- height. L’altezza dell’immagine con la relativa unità di misura
Nota. Per evitare che l’immagine si deformi, si deve mettere un solo attributo fra height e width (a meno di conoscere le proporzioni dell’immagine e rispettarle).
| TAG | Funzione |
|---|---|
| <b>Grassetto </b> | Si usa per il testo in grassetto |
| <i>Corsivo</i> | Utilizzata per il testo corsivo |
| <u>Sottolineato</u> | Tag per il testo sottolineato |
| <sup>Testo in apice</sup> | Il testo incluso nella tag saràin apice |
| <sub>Testo in pedice</sub> | Come la tag precedende main pedice |
| <blockquote> Citazione </blockquote> |
Il blocco di testo è una citazione, dal punto di vista grafico il risultato è solo un'indentazione del testo (serve del css). |
| <del>Testo cancellato</del> | Se si ha bisogno di indicare un vecchio testo cancellato |
| TAG | Funzione |
|---|---|
| <img src="url dell'immagine" alt="descrizione" width="100%"> | Inserimento immagine |
Liste
| TAG | Funzione |
|---|---|
|
<ol> <li>Elemento lista</li> <li>Elemento lista</li> <li>Elemento lista</li> ... </ol> |
Lista numerata (o ordinata). |
|
<ul> <li>Elemento lista</li> <li>Elemento lista</li> <li>Elemento lista</li> ... </ul> |
Lista puntata (o non ordinata). |
Collegamenti ipertestuali
Nei collegamenti ipertestuali è fondamentale utilizzare la formattazione corretta degli indirizzi. In genere, se il link punta ad una pagina interna al sito, è preferibile un indirizzamento relativo. L’assoluto si utilizza per i link a siti esterni.
| TAG | Funzione | <a href="indirizzo";>Ancora</a> | Collegamento ipertestuale |
|---|
| TAG | Funzione | <><> |
|---|---|
| <><> |
