lezione7
Ciao ----------------
collegare le pagine (collegamento ipertestuale)
Vediamo come collegare tra se le pagine senza ogni volta andare nella cartella e
aprirne una per una.
C'è un tag chiamato <a> che da solo non significa niente ma con altre istruzioni diventa potente.
Usando questo tag resteremo ancorati alle nostre pagine facendo un click sulla
scritta (o immagine) che ha l'ancora <a>
Per il momento facciamo un collegamento <a (ancora) semplice, senza tante cose di cui al momento non ne abbiamo necessità
ma vedremo in seguito.
La sintassi di <a richiede un riferimento href dove? ="nomepagina.htm"
la scrittura corretta è
<a href="nomepagina.htm">
ma solo così non funziona e sai perchè? I motivi sono due:
Il primo è che non c'è il tag di chiusura.......
Il secondo motivo è che non c'è niente per rendere attivo il collegamento.
mettiamo il tag di chiusura.....
<a href="nomepagina.htm"> </a>
sembra corretto ma non lo è, perché manca un carattere, una parola o immagine per
farlo diventare attivo.
Scrivendo
<a href="nomepagina.htm">pagina successiva </a> i caratteri
pagina successiva diventano sensibili e attivi.
ricordate <h1> e </h1>, cioè l'apertura e la chiusura? Vedi la lezione
dedicata se non te lo ricordi.
Per concludere facciamo in modo che ci siano i tre collegamenti richiesti sulle tre pagine
esempio pagina di mario.htm:
<html>
<head>
<title>Mario</title>
</head>
<body background="sfondo.jpg">
<p align="center">
<h1>
ciao!! sono Mario
</h1>
<br>
<img src="immagine.jpg" alt="la mia immagine">
<br>
Questa è l'immagine della mia pagina web.
<br>
<br>
<a href="anna.htm">Anna... </a>
<a href="mario.htm">Mario... </a>
<a href="genitori.htm">Genitori... </a>
<br>
</p>
</body>
</html>
Apri la pagina anna.htm e cambia il nome al <title>, il nome nel testo, il
nome del'immagine (quella che hai usato) e immetti i codici (tag <a........ )
nelle altre due pagine, mi raccomando.
Dopo averne salvata una per una visualizza il tuo lavoro. Apri la pagina mario.htm
Premi su Anna e ti apparirà la pagina anna.htm così anche per genitori e così per........altre
pagine che vorrai inserire
Gioca un po' con i collegamenti facendo delle pagine come preferisci.
Adesso hai un piccolo sito familiare e in ogni pagina puoi aggiungere tutte le informazioni e le cose che preferisci. Concentrati su quello che abbiamo fatto fino adesso e fai alcuni esperimenti su pagine tutte tue.
Prima di proseguire consiglio di aggiungere altre cose a tua fantasia.
Nota bene: quello che inserisci deve essere all'interno del tag <body>
e, comunque, sempre prima della sua chiusura </body>