Crashkurs Homepage         Inhalt         rückwärts - Seite 9 - vorwärts

Crash-Kurs Homepage: mein erster Link im Internet

Natürlich werden auch Links mit tags eingefügt. Oeffnen Sie eine Ihrer htm-Dateien im Editor und fügen Sie folgenden Befehl an einem beliebigen Ort innerhalb der <body> </body>-Klammer ein:

<body>
.. <a href="link_text.htm">hier ist ein Link auf die Datei "link_text.htm"</a>
..
</body>


 
Nachdem Sie die Datei gespeichert und im Browser neu aufgerufen haben, sehen Sie dann an der entsprechenden Stelle:
 
hier ist ein Link auf die Datei "link_text.htm"

Die tag-Klammer für Links ist <a>Link-Text</a> (a für anchor, Anker)

<a ...............>       ... Link-Text ...       </a>


wobei

im einleitenden, vorderen <a ...> das Attribut "href" (hyperreference des Links) mit dem Dateiname der aufzurufenden Datei eingefügt wird,

   

zwischen den beiden Tags <a>....</a> der Text, der im Browser als Link erscheint, eingefügt wird,

   

und im abschliessenden, hinteren <a ...> nichts eingefügt wird

<a href="link_text.htm">

   

hier ist ein Link auf die Datei "link_text.htm"

   

</a>


Natürlich kann man den Befehl beliebig oft an beliebigen Stellen innerhalb des "body's" einfügen. Und anstelle eines Link-Textes kann man auch ein Bild setzen, dann wird das Bild zu einem Link:

<a href="hp_ck4.htm"><img src="merlin.jpg"></a>



Mit einem Link wird eine andere Datei verknüpft. Wenn diese Datei in demselben Ordner ist, wie die Datei, die den Link enthält, genügt der Dateiname. Wenn die Datei in einem andern Ordner ist, muss man - wie vorne für ein Bild gezeigt - den Ordnernamen angeben. Schliesslich - und genau das macht das WWW worldwide - kann man jede URL in einem Link angeben und so alles mit allem verknüpfen:
<a href="http://www.hyperkommunikation.ch/bibliothek/crashkurse/....htm">Seite4</a>

Damit sind Sie und Ihre Seite - potentiell oder wirklich - mit der ganzen Welt verlinkt. Ist das nicht gigamega??


 

Jetzt wissen Sie, wie Bilder und Links auf eine Seite gesetzt werden, jetzt lernen Sie noch, wie man die Seite layouten kann: weiter.