Imparare HTML è fondamentale per chiunque desideri iniziare a sviluppare siti web, sia per hobby che per lavoro. La grande disponibilità di
CMS e software di vario tipo per la creazione di siti web in modo visuale, infatti, non deve far pensare che la conoscenza dei tag e delle strutture di HTML sia superflua, essendo, viceversa, un requisito imprescindibile per chiunque desideri lavorare "dietro le quinte" di Internet.
Scopo di questa guida è, pertanto, quello di fornire al lettore una conoscenza adeguata della
sintassi di HTML, dei suoi
tag piĂą importanti e dei loro
attributi, corredando ogni concetto con esempi pratici ed illustrazioni.
La
guida HTML è adatta a chiunque e non ha particolari prerequisiti, essendo stata pensata per poter essere un valido punto di partenza per chi, per la prima volta, si affaccia al fantastico
mondo del web-publishing e delle meraviglie che si nascondono dietro ad un sito web ben fatto.
Cos'è HTML?
HTML è l'acronimo di
HyperText Markup Language ed è il linguaggio col quale vengono create le pagine web. Si tratta di un linguaggio di pubblico dominio sviluppato in seno al
W3C, ovvero il
World Wide Web Consotium, cioè il consorzio che presiede allo sviluppo del web e dei linguaggi ad esso connessi.
Questo linguaggio è stato sviluppato da un ricercatore del CERN -
Tim Berners Lee - verso la fine degli anni ottanta parallelamente alla definizione del protocollo HTTP. Nel corso degli anni il linguaggio ha subito diverse modifiche e revisioni. Ad oggi la versione ufficiale di HTML è la 4.01 (pubblicata nel dicembre del 1999) ma da molti anni si sta lavorando ad HTML5 che si preannuncia come una vera e propria rivoluzione per il web. Attualmente HTML5 è soltanto una "bozza" (cioè non è ancora stato rilasciato ufficialmente), tuttavia la maggior parte dei browser in circolazione ne offre già un discreto supporto.
In questa guida, tuttavia, faremo riferimento ad
HTML 4.01 (per chi volesse approfondire le tematiche legate ad HTML5 segnalo la disponibilitĂ , su questo sito, di una ricca
guida ad HTML5).
Come funziona HTML?
Il linguaggio HTML, è bene precisarlo, non è un linguaggio di programmazione vero e proprio ma, più correttamente, può essere definito come un
linguaggio di marcatura (o linguaggio di
markup) basato su
tag. I tag sono gli elementi strutturali di ogni pagina web e costituiscono le "mattonelle" che danno vita e forma ai documenti ipertestuali.
HTML è detto
ipertestuale proprio perchè, attraverso i suoi tag, consete di creare pagine composte da diversi elementi tra cui testo, immagini, video, ecc.
I browser
Il compito di interpretare il markup HTML è affidato ai
browser; cioè ai software di navigazione su Internet i quali hanno il compito di connettersi ad un server remoto (identificato da un
host o, piĂą semplicemente, nome a dominio) e scaricare (download) il documento richiesto. Una volta scaricato, il documento verrĂ interpretato (
renderizzato) dal "motore" del browser che restituirĂ all'utente la pagina web pronta per essere fruita.
sul mercato esistono diversi browser, i piĂą famosi sono:
Internet Explorer,
Firefox,
Chrome,
Safari ed
Opera.
E' bene precisare fin da subito che non tutti i browser interpretano il codice HTML alla stessa maniera, è pertanto possibile notare delle piccole differenze visualizzando la stessa pagina web con browser diversi.
Cosa possiamo fare con HTML?
Grazie al linguaggio HTML è possibile creare documenti ipertestuali piuttosto ricchi ed articolati. Grazie al markup del linguaggio HTML, infatti, possiamo:
- formattare testi (inserire titoli e paragrafi, gestire grassetto e corsivo, ecc.);
- creare elenchi (numerati e puntati);
- inserire immagini;
- creare link ed ancore;
- creare tabelle;
- gestire l'interazione con gli utenti (mediante i form);
- inserire file multimediali (audio e video).
In questa guida al linguaggio HTML esamineremo tutte le possibilitĂ offerte dal linguaggio di marcatura con l'obiettivo di fornire al lettore, al termine della guida, una buona conoscenza di base del funzionamento del linguaggio e dei tag piĂą utilizzati.