Introduzione all'HTML
HTML è il linguaggio di markup standard per la creazione di pagine Web.
Cos'è l'HTML?
- HTML sta per Hyper Text Markup Language
- HTML è il linguaggio di markup standard per la creazione di pagine Web
- HTML descrive la struttura di una pagina Web
- HTML è costituito da una serie di elementi
- Gli elementi HTML indicano al browser come visualizzare il contenuto
- Gli elementi HTML etichettano parti di contenuto come "questo è un titolo", "questo è un paragrafo", "questo è un collegamento", ecc.
Un semplice documento HTML
Esempio
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Esempio spiegato
- La
<!DOCTYPE html>dichiarazione definisce che questo documento è un documento HTML5 - L'
<html>elemento è l'elemento radice di una pagina HTML - L'
<head>elemento contiene meta informazioni sulla pagina HTML - L'
<title>elemento specifica un titolo per la pagina HTML (che viene mostrato nella barra del titolo del browser o nella scheda della pagina) - L'
<body>elemento definisce il corpo del documento ed è un contenitore per tutti i contenuti visibili, come intestazioni, paragrafi, immagini, collegamenti ipertestuali, tabelle, elenchi, ecc. - L'
<h1>elemento definisce un'intestazione grande - L'
<p>elemento definisce un paragrafo
Che cos'è un elemento HTML?
Un elemento HTML è definito da un tag iniziale, alcuni contenuti e un tag finale:
L' elemento HTML è tutto, dal tag di inizio al tag di fine:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Nota: alcuni elementi HTML non hanno contenuto (come l'elemento <br>). Questi elementi sono chiamati elementi vuoti. Gli elementi vuoti non hanno un tag di fine!
Browser Web
Lo scopo di un browser web (Chrome, Edge, Firefox, Safari) è leggere i documenti HTML e visualizzarli correttamente.
Un browser non visualizza i tag HTML, ma li utilizza per determinare come visualizzare il documento:
Struttura della pagina HTML
Di seguito è riportata una visualizzazione della struttura di una pagina HTML:
Nota: il contenuto all'interno della sezione <body> (l'area bianca sopra) verrà visualizzato in un browser. Il contenuto all'interno dell'elemento <title> verrà mostrato nella barra del titolo del browser o nella scheda della pagina.
Cronologia HTML
Fin dai primi giorni del World Wide Web, ci sono state molte versioni di HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Questo tutorial segue l'ultimo standard HTML5.