Ora che hai creato la tua pagina web andiamo ad analizzare le parti che la compongono. Avrai visto certamente uno schema di comandi e che certe parole sono racchiuse all'interno di "<" e ">". Questi comandi sono detti etichette (o tag).
Un esempio è l'etichetta <body>. L'etichetta <body> non fa altro che comunicare al browser dove inizia il contenuto della pagina. <body> è un esempio di etichetta che deve esistere in tutte le pagine web
Dai un'occhiata al codice. Una pagina web è composta da due elementi base. Se si prova a creare una pagina senza uno di questi due componenti, verrà generato automaticamente un problema
html<html>
<body>
Il contenuto della pagina andrà scritto qui
</body>
</html>La prima etichetta (<html>) comunica al browser che è iniziato il codice HTML. La seconda (<body>) invece comunica al browser che è iniziata la parte di contenuto, ovvero la parte che andrà poi visualizzata.
Avrai magari notato che al termine del documento sono presenti due etichette simili a quelle viste in precedenza, </body> e </html>. Queste etichette sono dette etichette di chiusura. </body> comunica al browser che il contenuto della pagina è terminato, mentre con </html> viene concluso il documento HTML
La barra "/" situata prima del nome dell'etichetta comunica al browser che si vuole terminare la funzione corrente. Quindi, <tag> verrà utilizzata all'inizio della funzione, mentre </tag> verrà utilizzata per concluderla
Aprire e chiudere le etichette è molto importante. Se un'etichetta viene aperta all'interno di un'altra, come ad esempio l'etichetta body all'interno di quella html, è importante chiuderla prima di quella più esterna
Abbiamo chiudo prima l'etichetta body perchè era quella più interna. La regola è la seguente: ad ogni etichetta corrisponde un'etichetta di chiusura e le etichette vanno aperte e chiuse in ordine sequenziale.
Ecco un esempio pratico per farti comprendere meglio ciò che è stato appena spiegato e per farti prendere confidenza con ciò che hai appreso. Copia il seguente codice nel blocco note come avevi fatto per il primo documento.
html<html>
<head>
<title>La mia seconda pagina web ! </title>
</head>
<body>
<h2>Benvenuto.</h2>
<p>Molto presto farò delle pagine incredibili!</p>
</body>
</html>Dopo esserti assicurato che tutto funzioni salva il documento. Puoi salvarlo con lo stesso nome del precendente in modo da sovrascriverlo. Non avremo comunque più bisogno del primo documento. Una volta finito, procedi con il prossimo tutorial