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
- 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>
- 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>
- 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!