02. HTML: introduzione

Il linguaggio HTML (Hypertext Markup Language) è costituito da un insieme di markup tag, o semplicemente tag. In queste pagine faremo riferimento alla versione 5 dell'HTML, spesso referenziata come HTML5, e analizzeremo solo i principali tag del linguaggio.

Un tag è costituito da una keyword (parola chiave) compresa tra due parentesi angolari, come ad esempio <body>.

Molto spesso i tag HTML viaggiano in coppia, ad esempio <b> e </b>.

Il primo tag della coppia viene chiamato tag di apertura, il secondo tag viene chiamato tag di chiusura.

Quando un browser mostra una pagina web, interpreta il codice contenuto nella pagina, costituito da un insieme misto di tag e altri contenuti testuali, e organizza i contenuti in modo appropriato dando una precisa struttura al testo e alle immagini del documento.

Per comprendere quello che accade partiamo con un esempio: copiamo nel nostro editor notepad++ il codice  riportato in basso e salviamo il contenuto in un documento  con nome documento1.html

<!DOCTYPE html>

<html lang="it"


<head>

<meta charset="UTF-8">

<title>Titolo della pagina</title> 

</head> 


<body> 

<h1>Il mio primo titolo h1</h1> 

<p>Il mio primo paragrafo</p> 

</body>

 

</html>

Con un semplice doppio click sul documento o trascinandolo all'interno di un browser, potremo vedere il documento precedentemente salvato nella sua forma finale.

Analizziamo ora il documento originale per attribuire un preciso significato a ciascuna parte: