HTML: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
m Annullate le modifiche di 178.211.45.212 (discussione), riportata alla versione precedente di Samuele2002
m correzioni comuni e formattazione using AWB
Riga 1:
{{Risorsa|tipo = lezione|materia1 = Linguaggi di programmazione web}}
{{Linguaggio
| nome = HTML
| tipo = Linguaggio di markup (web)
| sviluppatore = W3C
| ultima_versione = 5
| ultima_versione_data = 28 ottobre 2014
| url =http://www.w3.org/
}}
 
== Cos'è l'HTML ==
Acronimo di '''Hyper Text Markup Language''' (linguaggio a marcatori per ipertesti), è il più importante linguaggio di markup per il web. Nasce alla fine degli anni '80 da [[w:Tim Berners-Lee|Tim Berners-Lee]] al [[w:CERN|CERN]] di Ginevra. HTML è un linguaggio di pubblico dominio la cui sintassi è stabilita dal [[w:World Wide Web Consortium|World Wide Web Consortium]] (W3C).
L'HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ossia descrive il contenuto, testuale e non, di una pagina web. Punto HTML (.html) o punto HTM (.htm) è anche l'estensione comune dei documenti HTML.
Riga 20:
 
---->
=== Compatibilità e dintorni ===
Con lo sviluppo e la diffusioni di innumerevoli tecnologie e browser, si pensava che l'HTML dovesse diventare sempre più rigido su certe regole. Invece si ottenne l'effetto opposto, cioè, se c'è un errore nella stesura del codice, probabilmente il browser ''chiuderà un occhio'' e visualizzerà normalmente la pagina. Questo che sembra apparentemente un vantaggio, in realtà è uno svantaggio quando vi accorgerete che in diversi browser l'errore verrà visualizzato in modo diverso. I browser moderni inseriscono sempre di più codici proprietari (come ad esempio gli action tag di [[w:Internet Explorer|Internet Explorer]]) e questo influisce ancora di più sulla compatibilità. L'unico modo per scrivere una pagina che sia visualizzata '''quasi''' ugualmente per tutti i browser è attenersi alle rigidissime regole del W3C. Esiste un [http://validator.w3.org validatore] per controllare se le vostre pagine sono corrette o meno.
 
== Elementi principali di una pagina html ==
=== I Tag html ===
 
Ogni pagina html è composta da '''tag'''. Ogni tag identifica una parte della pagina. La sintassi generale è:
Riga 46:
Nelle prossime lezioni passeremo ad analizzare tutti i tag più importanti dell'html.
 
=== Doctype, Head e Body ===
 
Ogni pagina html è composta solitamente da 3 elementi:
 
==== Doctype ====
 
Il '''Doctype''' è la prima cosa che dovrebbe comparire in ogni pagina html e suggerisce al browser che versione di html stiamo usando. Il doctype da usare in html5 è:
Riga 57:
</source>
 
==== Head ====
 
All'interno del tag '''Head''' troviamo tutte quelle istruzioni che non vengono visualizzate direttamente nella pagina, ma che sono utili al suo corretto funzionamento. Un banale esempio è il tag usato per dare il nome a una pagina web.
<source lang="html4strict">
<head>
Riga 66:
</source>
 
==== Body ====
 
Nel tag body troviamo tutto il resto dei tag. In questo esempio mostriamo come scrivere una frase a schermo.
Riga 75:
</source>
 
== Esempio completo di una pagina html ==
Di seguito verrà mostrata una pagina html molto semplice, ma perfettamente funzionante.
<source lang="html4strict">
Riga 89:
</source>
 
Per visualizzare il risultato così ottenuto, è sufficiente creare un semplice file di testo con estensione .html e copiaci all'interno il codice qui sopra scritto. Il risultato dovrebbe essere simile a questo:
 
[[File:Esempio 1 html.PNG||Esempio basilare di pagina html]]