Home HTML Introduzione all’HTML

Introduzione all’HTML

113
0

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
Previous articleHosting
Next articleFunzione per creare un permalink stile wordpress PHP

LEAVE A REPLY

Please enter your comment!
Please enter your name here