Capitolo 2 : tag html 5

Introduzione

Cominciamo a vedere i tag HTML che ci serviranno in queste prime fasi del corso.
Limitiamoci a conoscere quelli con i quali si può creare una pagina web funzionante.
Ricordo che la guida ufficiale di riferimento è a questo indirizzo:
http://www.html.it/guide/guida-html5/

Il tag principe div ed altri

  1. Div - è il tag che definisce una sezione o blocco in cui sono inseriti contenuti della pagina web.
    Può contenere dentro di sé qualsiasi altro elemento, compresi altri div. La sua sintassi è:
    <div> <p>... bla bla bla ...<p> </div>
    <div> si chiama tag di apertura, </div> tag di chiusura del blocco. Il tag div si pone all'interno della sezione body del documento html; esempio: <body>
    <div>
    <p> Ciao, che bello, mi trovo dentro al primo blocco della sezione body <p>
    </div> ... </body>
  2. P - è un altro tag, pane quotidiano delle pagine web, definisce un paragrafo di testo.
    La sua sintassi è>/br>
    <p> ... bla bla bla ... </p>.
    Come per div così per tutti i tag che vedremo, il primo si dice tag di apertura, il secondo tag di chiusura.
    Pertanto l'esempio precedente è bene scriverlo nel modo seguente:
    <body>
    <div>
    <p>Ciao, che bello, mi trovo dentro al primo blocco della sezione body!!!</p>
    </div>
    </body>
  3. h1,,,h6 - è il tag che con cui si definiscono titoli e sottotitoli;
    questo tag non può contenere all'interno altri elementi. La sua sintassi è:
    <h1> ... testo del titolo ... </h1> <h2> .....testo del titolo ... </h2>
    ecc. ecc. fino ad h6

Siete curiosi?

Provate subito con la vostra prima esercitazione di pagina web.
Questo è il codice completo del documento HTML:

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf_8">
</head>
<body>
<h2>La mia prima pagina HTML</h2>
<div>
<p>Ciao, che bello, mi trovo dentro al primo blocco della sezione body!!!</p>
</div>
</body>
</html>












    con questo risultato
Copiate ed incollate in un nuovo documento, usando l'editor HTML che avete installato o 'Blocco notes' di Windows curandovi solo di sostituire il contenuto che preferite dentro gli elementi inseriti tra i due tag body.
Salvate il file come 'prova_01.htm'. Aprite tale file con un browser e vedete cosa succede.
Nel forum fate sapere come è andata, allegando il file per farlo vedere anche agli altri. Buon lavoro!