 Come fare link Html
Abbiamo costruito nella prima lezione una semplice pagina web per visualizzare a video la classica frase "hello world!". Pubblichiamo nuovamente il codice Html per semplicità. Esempio1
| |
<HTML> <HEAD> <TITLE>il titolo della mia prima pagina</TITLE> </HEAD> <BODY> hello world! </BODY> </HTML>
|
|
Ora, impariamo come realizzare un link tra una pagina HTML e un'altra.
- Aprite Notepad e digitate il contenuto dell'esempio 1
- Al termine salvate la pagina con il nome pagina1.htm
- Salvate di nuovo la pagina con il nome pagina2.htm
A questo punto modificate il contenuto di pagina2.htm digitando le seguenti modifiche (in blu):
| |
<HTML> <HEAD> <TITLE>pagina 2</TITLE> </HEAD> <BODY> <a href="pagina1.htm"> clicca qui per andare sulla pagina 1 </a> </BODY> </HTML>
|
|
Il tag A è fondamentale per l'ipertesto in quanto consente di collegare una pagina web ad un 'altra tramite il consueto "link". L'attributo href indica l'indirizzo di destinazione, mentre il testo "clicca qui per andare sulla pagina 1" contenuto tra i tags <a href="pagina1.htm"> e </a> è quello a cui viene applicato il collegamento ipertestuale. Salvate di nuovo il file pagina2.htm e richiamatelo tramite il vostro browser utilizzando il menu File/Apri/Sfoglia (nel caso del Microsoft Explorer). Sul vostro browser verrà visualizzata una scritta sottolineata in blu. Cliccando sulla scritta, vi recherete sulla pagina destinazione pagina1.htm e il vostro browser visualizzerà la frase "hello world!".
Come realizzare un link verso un sito esterno. Per creare un link ipertestuale verso un sito web si utilizza ugualmente il tag <a>. In questo caso è però necessario indicare anche il protocollo Internet da utilizzare che, nel caso delle pagine web è sempre http (Hyper Text Transfer Protocol).:
| |
<HTML> <HEAD> <TITLE>pagina 2</TITLE> </HEAD> <BODY> <a href="http://www.webmasterage.com"> clicca qui per andare su webmasterage </a> </BODY> </HTML>
|
|
Indicando il protocollo Internet, il server di destinazione provvederà ad inviare nel modo opportuno i dati verso il browser.
Commenti
Scrivi
il tuo commento sulla pagina
"Come fare link Html "
Link utili per approfondire il tema
Segnala un sito/link di approfondimento
| 
