24/03/2000 - html.htm

HTML

La prima pagina

- Se non avete mai scritto una pagina HTML, fate così:

Create una cartella di lavoro sul vostro disco
Utilizzando un editor qualunque (ad esempio Wordpad su windows o Simpletext su Mac) scrivete e salvate in quella cartella, come testo ASCII con estensione .htm (p.e. prima.htm), le seguenti righe:
(potete anche copiarle da qui)
<html> <head> <title> Titolo della pagina HTML </title> </head> <body> Corpo della pagina HTML </body> </html>
Salvate il documento nella cartella che avete creato, come testo ASCII con estensione .htm (p.e. prima.htm)
Senza chiudere l'editor, aprite il vostro browser preferito (p.e. Netscape Navigator o Internet Explorer):
Dal menu file/archivio, scegliete open/apri, cercate la cartella, e aprite la pagina, la quale dovrebbe apparire come se fosse arrivata via Internet

Senza uscire dal browser, tornate sull'editor e modificate la pagina inserendo la riga rossa:


<html> 

<head> 
 <title> 
 Titolo della pagina HTML
 </title> 
</head> 

<body> 
Corpo della pagina HTML
<br>Questa e' la <b>seconda riga</b>
</body> 

</html>

Salvate il documento modificato
Tornate sul browser e ricaricate la pagina (aggiorna/ricarica): dovreste vedere le modifiche effettuate

Il tag <br> e' necessario per andare a capo.
Il tag <b> attiva il grassetto, </b> lo disattiva.
Questo vale per quasi tutti i tag:
<html> delimita l'inizio della pagina html, </html> la fine
<head> delimita l'inizio della testata della pagina, </head> la fine
<title> delimita l'inizio del titolo della pagina, </title> la fine
<body> delimita l'inizio del corpo della pagina, </body> la fine
<br> e' un tag a effetto immediato, non ha zone di influenza, quindi non ha bisogno del terminatore.

La seconda pagina

- Ora creerete una pagina che visualizza una immagine:

Portate una immagine dentro la vostra cartella; sono preferibili le immagini GIF (max 256 colori) oppure JPEG (16 milioni di colori, in formato compresso); evitate le BMP.
Supporremo che l'immagine si chiami 'image.gif'.

Utilizzando il vostro editor scrivete e salvate in quella cartella, come testo ASCII con estensione .htm (p.e. prima.htm), le seguenti righe:
(potete anche copiarle da qui)


<html> 

<head> 
 <title> 
 Pagina con immagine
 </title> 
</head> 

<body> 
Questa riga precede l'immagine.
<p>
<img src="IMAGE.GIF">
<p>
Questa invece la segue.
</html> 

</body>

Salvate il documento nella cartella che avete creato, come testo ASCII con estensione .htm (p.e. seconda.htm)
Senza chiudere l'editor, aprite il vostro browser preferito (p.e. Netscape Navigator o Internet Explorer):
Dal menu file/archivio, scegliete open/apri, cercate la cartella, e aprite la pagina, la quale dovrebbe apparire come se fosse arrivata via Internet

Senza uscire dal browser, tornate sull'editor e modificate la pagina inserendo gli elementi in rosso:


<html> 

<head> 
 <title> 
 Pagina con immagine
 </title> 
</head> 

<body> 
<H1>Questa riga precede l'immagine.</H1>
<p>
<img src="IMAGE.GIF">
<p>
<H2>Questa invece la segue.</H2>
<p>
<a href="PRIMA.HTM">Vai alla prima pagina</a>
</html> 
</body>

Salvate il documento modificato
Tornate sul browser e ricaricate la pagina (aggiorna/ricarica): dovreste vedere le modifiche effettuate
In particolare, se fate click sulla nuova riga, verrà visualizzata la pagina prima.htm.

Il tag <p> oltre ad andare a capo inserisce una riga bianca.
Anche <p> è un tag a effetto immediato, ma può avere zone di influenza, e in quel caso prevede un terminatore </p> (non è il nostro caso)
I tag <H1> e <H2> con i loro terminatori enfatizzano il testo che delimitano.
Il tag <a> (ancora> con il suo terminatore </a> delimita un 'link', cioè una zona attiva della pagina, che rimanda ad un'altra pagina, sullo stesso 'sito' o su un qualsiasi sito di Internet. Nell'esempio rimanda alla nostra prima pagina.
Se mettiamo il tag <a href="http://www.rai.it"> prima della immagine, e </a> dopo, allora anche l'immagine stessa diventa un 'link', che ci porterà sul sito della RAI; funzionerà naturalmente solo se siamo connessi con Internet (finora abbiamo lavorato sulo con pagine registrate sul nostro disco fisso).

Per approfondire Link verificati il 30/01/2002 Torna a indice Guide

La prima pagina

La seconda pagina

Per approfondire