Introduzione al Web e all'HTML
(continua)
La prima pagina web
Cominciamo a prendere confidenza con l'HTML partendo da un esempio. Apriamo il Blocco Note di Windows e scriviamo il seguente codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>La mia prima pagina web</title> </head> <body> <h1>Salve a tutti!</h1> <p>Questa è la mia prima pagina web: l'ho scritta direttamente in HTML.</p> </body> </html>
A questo punto è necessario dare un nome al file, ad esempio primapagina, e salvarlo con estensione html: l'estensione di un file è un insieme di pochi caratteri (tipicamente 3 o 4) aggiunto al nome del file e separato da esso tramite un punto, che serve ad indicare il tipo di file (testo, foglio elettronico, immagine, ecc...). Ad esempio, il nome completo di un documento di Word chiamato relazione, è relazione.docx; in Risorse del Computer l'estensione di un file di default non viene mostrata, quindi, nel nostro esempio, apparirà semplicemente Relazione.
Per tornare al documento che abbiamo appena creato con il Blocco Note, se ci limitiamo a digitare primapagina nella casella di testo Nome File, il programma lo salva con estensione txt, poiché dà per scontato che si tratti di un file di testo. Per salvarlo con estensione html, dobbiamo scegliere, nel menu a discesa Salva come (vedi figura 1) l'opzione Tutti i file e poi inserire, nella casella di testo, primapagina.html.
FIGURA 1
Una volta salvato il file, da Risorse del computer vediamo solo il nome primapagina, tuttavia, poiché si tratta di un file html, ad esso è associata l'icona di Internet Explorer (o di un altro browser): se facciamo doppio click su di esso, verrà lanciato Internet Explorer, il quale leggerà il file, lo interpreterà e visualizzerà la pagina risultante. Nel nostro caso, se non abbiamo commesso errori, dovremmo ottenere quanto mostrato in figura 2.
FIGURA 2
Questa semplice pagina web è costituita da un titolo, che appare in caratteri più grandi, costituito dal testo Salve a tutti!
, e da un paragrafo. Inoltre, il nome della pagina, visibile sulla barra del browser in alto è La mia prima pagina web
. Questo è quanto abbiamo "chiesto" al browser utilizzando il linguaggio HTML. Nel prossimo paragrafo, cominceremo a vedere le caratteristiche principali di esso.
