Gli elementi HTML hanno molti gradi. Tutto quello che vedete: paragrafi, banner, i link di navigazione dal lato sinistro e destro, sono tutti elementi di questa pagina.
Un elemento è composto da tre parti, la fase di apertura (detta opening), la fase di chiusura ( detta closing) e da un contenuto.
***Nota:
Tutte le pagine web avranno come minimo i seguenti elementi: html, head, title e body.
Qualsiasi documento HTML inizierà sempre con l'etichetta <html> e terminerà con </html>. Questa non è altro che la struttura standard del linguaggio HTML.
An HTML document will always begin with a <html> tag and will end with </html>. This is the standard structure of an HTML. Aprire ora un blocco note e copiare il codice successivo:
html<html>
</html>Salva il documento dal menu "File/Salva come". Seleziona la cartella documenti e crea il file "index.html". Una volta salvato apri il file nel browser in modo da avere la possibilità di aggiornare la pagina (F5).
Se hai fatto tutto correttamente dovrei visualizzare una pagina completamente bianca!
L'elemento <head> è quello immediatamente successivo. Mettendolo tra html e body non dovresti avere problemi. strong>Head" non ha funzioni visibili ma fornisce informazioni utili al browser e può introdurre nuovi codici come JavaScript o CSS. Di questo elemento parleremo in maniera più dettagliata nei seguenti tutotrial.
Per il momento lascieremo questa etichetta vuota:
html<html>
<head>
</head>
</html>Salvando il documento e provando ad aggiornare la pagina non dovresti notare alcun cambiamento. Niente paura però gli elementi che verrano visualizzati arriveranno presto.
Questa etichetta va collocata all'interno dell'etichetta head. Quello che scriverai tra l'etichetta di apertura e quella di chiusura verra visto come il nome del browser. Ecco un esempio:
html<html>
<head>
<title> La mia prima pagina web!</title>
</head>
</html>Ora salva il file e aggiorna la pagina. Dovresti poter vedere il titolo in alto a destra o a sinistra (in base a tipo di browser che utilizzi).
Puoi utilizzare qualsiasi titolo ma ricorda che un titolo descrittivo sarà più facile poi da trovare.
Questo è l'elemento che definisce l'inizio del contenuto stesso della pagina (titolo, paragrafi, foto, musica e qualsiasi altro contenuto). Come puoi vedere dal menù a sinistra questi elementi verranno trattati singolarmente.
Per il momento tieni a mente che in questo elemento puoi trovare i contenuti della pagina.
html<html>
<head>
<title>La mia prima pagina Web!</title>
</head>
<body>
Ehi! Qui metteremo il contenuto più tardi !
</body>
</html>Salva il file e aggiorna la pagina per visulizzare il risultato e poi passa alla prossima guida.