In breve: L'HTML è il linguaggio che dà forma alle pagine web. Serve a organizzare testi, immagini e link in modo ordinato.
Cos'è l'HTML
HTML significa HyperText Markup Language. È il linguaggio che il browser legge per mostrare una pagina web.
Non è un linguaggio di programmazione vero e proprio. Serve a descrivere come è fatta una pagina. Pensa a una locandina di spettacolo: ci sono titoli, foto e date. L'HTML mette ogni elemento al posto giusto.
Ogni pagina web che vediamo online nasce dall'HTML. Anche i siti dei teatri e dei festival lo usano.
Come funziona
L'HTML usa i tag. Un tag è una parola chiusa tra parentesi angolari, come <p>. Quasi sempre i tag vanno in coppia: uno di apertura e uno di chiusura.
Il tag di chiusura ha una barra: </p>. Tra i due tag si scrive il contenuto. Ad esempio, <p>Buongiorno</p> significa “questo è un paragrafo con scritto Buongiorno”.
Una pagina HTML ha sempre una struttura di base. C'è una parte chiamata <head> per le informazioni nascoste. C'è poi il <body> per i contenuti visibili.
I tag principali per iniziare sono pochi. Servono per titoli, paragrafi, immagini e collegamenti.
Esempi pratici
Ecco una piccola pagina HTML per un evento teatrale:
<!DOCTYPE html>
<html>
<head>
<title>Spettacolo di fine corso</title>
</head>
<body>
<h1>Saggio di teatro</h1>
<p>Vi aspettiamo sabato sera in sala prove.</p>
<a href="biglietti.html">Prenota qui</a>
</body>
</html>
Vediamo cosa fa ogni riga:
<h1>crea un titolo grande, come quello di una locandina.<p>crea un paragrafo di testo normale.<a>crea un link cliccabile verso un'altra pagina.
Prova a cambiare il testo dentro i tag. Salva il file con estensione .html e aprilo con il browser. Vedrai subito la tua pagina.
Parole difficili
- Tag: comando HTML scritto tra parentesi angolari che descrive un elemento.
- Browser: programma che apre le pagine web, come Chrome o Firefox.
- Link: collegamento cliccabile che porta a un'altra pagina o risorsa.
- Paragrafo: blocco di testo separato dagli altri, indicato dal tag
<p>. - Struttura: organizzazione delle parti di una pagina in un ordine preciso.
Riferimenti
- Norma: Revisione dei percorsi dell'istruzione professionale e raccordo con l'istruzione e formazione professionale
- Obiettivo formativo coperto: ob.prof-servizi-culturali-spettacolo.comp-uscita-07.cl3.basi-html.01