HTML è il linguaggio di markup per la costruzione delle pagine web .
Partiamo dalla domanda, 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 esempio di documento HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
La dichiarazione <!DOCTYPE html> definisce che questo documento è un documento HTML (HTML5)
<html> è l’elemento radice di una pagina HTML
<head> contiene metainformazioni sulla pagina HTML, puo’ contenere anche tag importanti per markup del sito.
L’elemento <title> specifica un titolo per la pagina HTML (che viene mostrato nella barra del titolo del browser o nella scheda della pagina)
L’elemento <body> definisce il corpo del documento ed è un contenitore per tutti i contenuti visibili, come titoli, paragrafi, immagini, collegamenti ipertestuali, tabelle, elenchi, ecc.
L’elemento <h1> definisce un’intestazione grande
L’elemento <p> definisce un paragrafo
Che cos’è un elemento HTML?
Un elemento HTML è definito da un tag iniziale, alcuni contenuti e un tag finale:
<tagname> Il contenuto va qui… </tagname>
L’elemento HTML è tutto, dal tag di inizio al tag di fine:
<h1>Il mio primo titolo</h1>
<p>Il mio primo paragrafo.</p>
Tag di inizio Contenuto dell’elemento Tag di fine
<h1> La mia prima intestazione </h1>
<p> Il mio primo paragrafo. </p>
<br> nessuno nessuno
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!
ANNUNCIO
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:
Visualizza nel browser
Struttura della pagina HTML
Di seguito è riportata una visualizzazione della struttura di una pagina HTML:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </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:
- 1989 Tim Berners-Lee inventa www
- 1991 Tim Berners-Lee ha inventato l’HTML
- 1993 Dave Raggett ha redatto HTML+
- 1995 Il gruppo di lavoro HTML ha definito HTML 2.0
- 1997 Raccomandazione W3C: HTML 3.2
- Raccomandazione W3C del 1999: HTML 4.01
- 2000 Raccomandazione W3C: XHTML 1.0
- 2008 WHATWG HTML5 Prima bozza pubblica
- 2012 WHATWG HTML5 Standard di vita
- Raccomandazione W3C 2014: HTML5
- Raccomandazione del candidato W3C 2016: HTML 5.1
- Raccomandazione W3C 2017: HTML5.1 2a edizione
- Raccomandazione W3C 2017: HTML5.2
