00 – Introduzione all’HTML

L’HTML è il linguaggio di markup standard utilizzato per la creazione di pagine Web ed è molto semplice da apprendere.

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
  • L’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>Pagina Titolo</title>
</head>
<body>

<h1>Il mio primo TITOLO "Heading"</h1>
<p>Il mio primo paragrafo "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

Cos’è un elemento HTML?

Un elemento HTML è definito da un tag iniziale, i contenuti al suo interno e un tag finale:
< tagname > Il contenuto va qui… < /tagname >
L’ elemento HTML è tutto, dal tag iniziale al tag finale:

<h1>Il mio primo Titolo "Heading"</h1>
<p>Il mio primo paragrafo "paragraph".</p>

Tag inizialeContenutoTag Finale
<h1>Il mio primo Heading</h1>
<p>Il mio primo paragraph.</p>
<br>nonenone
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 chiusura!

Web Browsers

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:

<html>

<head>

<title>Titolo della pagina</title>

</head>

<body>

<h1>Questa è un'intestazione</h1>

<p>Questo è un paragrafo.</p>

<p>Questo è un altro paragrafo.</p>

</body>

</html>
Nota: il contenuto all'interno della sezione <body> 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 dell’HTML

Fin dai primi giorni del World Wide Web, ci sono state molte versioni di HTML:

YearVersion
1989Tim Berners-Lee inventa www
1991Tim Berners-Lee inventa HTML
1993Dave Raggett redatta HTML+
1995HTML Gruppo di lavoro definito HTML 2.0
1997W3C : HTML 3.2
1999W3C : HTML 4.01
2000W3C : XHTML 1.0
2008WHATWG HTML5 Prima bozza pubblica
2012WHATWG HTML5 Standard di vita
2014W3C : HTML5
2016W3C Candidato : HTML 5.1
2017W3C : HTML5.1 2nd Edition
2017W3C : HTML5.2
Tabella cronologia versioni HTML

Questo corso segue l’ultimo standard HTML5.

Pubblicato da Luca Bocaletto

Sviluppatore, Creatore, Musicista, Artista, Radiantista, Scacchista.