4. Realizzazione del primo documento HTML
Per iniziare a scrivere la vostra prima pagina vi serve un solo strumento: un EDITOR di testo: se utilizzate Microsoft Windows potete usare
il Notepad; altrimenti il vostro sistema operativo mette a disposizione sicuramente un editor di testi... riferitevi al manuale per trovarlo.
Caricate dunque il vostro editor preferito e continuate a leggere...
L'HTML ha alcune regole che non risultano subito chiare a chi vi si avvicina per la prima volta. Quella che crea più confusione è la
necessità di indicare chiaramente tutti i ritorni a capo. Se il testo ha dei caratteri di "ritorno a capo" (tipicamente inseriti nel testo quando si preme "Invio") al suo interno, questi saranno
inesorabilmente trascurati dal browser durante la visualizzazione della pagina. Dovete specificare esattamente dove volete un ritorno a capo, tramite l'apposito comando: <BR>. Inoltre il browser trascura tutti
i comandi che non riesce ad interpretare correttamente e gli spazi in sovrappiù. Una volta creato il "sorgente" della vostra pagina, ovvero il file di testo HTML che la descrive interamente dovete
salvarla su disco e visualizzarla. Per fare quest'ultimo passo vi serve necessariamente un browser quale Internet Explorer o Netscape Navigator: lanciatelo e poi caricate la vostra pagina tramite la voce di
menù "File/Open File". Ciò che vedrete visualizzato è il risultato del vostro arduo lavoro!
Quelle che seguono sono semplici regole per costruire delle pagine HTML corrette. Ogni documento è composto, come detto, di due
parti: Head e Body.
Apriamo quindi un nuovo file e salviamolo con il nome di Esempio1.html.
Realizziamo un documento che visualizzi in una finestra intitolata "Prima pagina", la stringa "Ciao a tutti"
sottolineata.
Tenendo conto della struttura base già citata, dobbiamo inserire i comandi che visualizzano il titolo e quelli che visualizzano il testo,
come nell'esempio seguente:
|
<HTML>
<HEAD>
<TITLE>Prima Pagina</TITLE>
</HEAD>
<BODY>
<P align=center>Ciao a tutti. </BODY>
</HTML>
|
|
Esempio 1
E stato necessario semplicemente inserire:
- il titolo, all'interno del comando
- <TITLE></TITLE> nella sezione
- <HEAD>:
- la frase da visualizzare nella sezione
- <BODY> con i tag per centrarla
Per chiarire eventuali dubbi, ciò che viene scritto nella sezione
<HEAD> non fa poi parte del documento, difatti, il titolo non viene
visualizzato nella finestra, ma sulla barra in testa ad essa.
Cliccando su questo link, vedete il risultato del documento HTML dell' esempio 1, per tornare a questo paragrafo cliccate sul pulsante 'back' o 'indietro'.
   
|
