In questa lezione:
- descrivo i tag di base del linguaggio HTML
- illustro come si crea lo scheletro di una pagina web
Tag
Abbiamo già detto che un tag è un marcatore, un comando che il browser è in grado di interpretare per capire che tipo di oggetto deve contenere la pagina.
Un tag è rappresentato da una parola chiave, inserita tra i simboli < (minore) e > (maggiore).
Esempio:
<nometag>
Una volta che apriamo il tag, inseriamo il suo contenuto di seguito, quindi dobbiamo chiuderlo con il simbolo “/” (slash):
</nometag>
I tag fondamentali che ogni pagina web deve avere per funzionare correttamente sono:
- html
- head
- body
C’è anche il tag per il titolo per la pagina web, ma ve lo spiego nella prossima lezione.
Questi 3 tag fondamentali costituiscono la struttura principale della pagina, ovvero il suo scheletro:
<html>
Si tratta del tag contenitore, cioè che deve essere aperto prima di tutto e chiuso in fondo alla pagina.
<head>
E’ un tag che racchiude tutte le informazioni che la pagina si porta dietro, pur senza mostrarle a video. Ad esempio i meta tag, il titolo della finestra, fogli di stile, script, ecc.
<body>
E’ il tag più importante, che racchiude tutto ciò che dovrà apparire nella pagina web.
Il doctype
In alcune guide o video, potreste trovare anche un tag che anticipa l’apertura di <html>:
<!DOCTYPE html>
Questo è detto doctype, un marcatore che dice al browser quale versione HTML stiamo usando nella nostra pagina.
Siccome è facoltativo per la visualizzazione della pagina, per evitare di incasinarvi con troppe nozioni, parlerò di questo tag soltanto nei corsi più avanzati.