Home | Come fare un sito web | Iscrizione su Facebook |
 

 

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.

  1. Aprite Notepad e digitate il contenuto dell'esempio 1
  2. Al termine salvate la pagina con il nome pagina1.htm
  3. 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. Nella prossima lezione impareremo come fare un testo in grassetto all'interno di una pagina web utilizzando il linguaggio Html.


Scrivi il tuo commento sulla pagina
"Come fare link Html "


Il tuo nome (facoltativo)





Link utili per approfondire il tema
html

    Segnala un sito/link di approfondimento

     


    Corso Html

    www.lapaweb.com è blog personale di Andrea Minini- Email: info@lapaweb.com
    -
    Note Legali / Termini e condizioni di utilizzo - Lapaweb non è collegato ai contenuti presenti sui siti esterni linkati nella directory o nelle recensioni
    Contenuti pubblicati secondo la licenza di utilizzo di Creative Commons salvo diverse indicazioni - Norme Privacy Google
    Per chiedere la rimozione di foto o contenuti scrivere alla redazione del sito - Tutti marchi citati nel sito sono dei rispettivi proprietari