1. Hyperlinks - Wie geht das?
Zuerst müssen wir klären, wo Hyperlinks eingesetzt werden.
- Als normale Links für Webseiten
- Bilder als Hyperlinks
- Anker als Inhaltsverzeichnis
2. Als normale Links für Webseiten
Wenn wir einen Hyperlink einsetzen wollen, müssen wir zuerst wissen, wie ein Hyperlink aufgebaut ist.
|
Source code
|
1
|
<a href="URL" target="Ziel">Linktext</a>
|
Erklärung
<a></a> Sind die Tags, die wir für einen Hyperlink brauchen. Durch eingabe von
href="URL" geben wir an, wo der Link hinführen soll. Bei manchen WebSpaces wie zum Beispeil
Ohost oder
Funpic ist es nur nötig, die Seite und nicht die ganze Adresse anzugeben also nur
seite.php Manche WebSpaceanbieter wie
Freepler Erforden die ganze URl, also
http://seite.de/seite.php. Mit target geben wir das Ziel des Links ein. Mit Frames in Verbingung, können wir dort den Namen eines Frames angeben, solange wir diesen definiert haben. Natürlich gibt es auch vordefinierte Ziele:
1. target="_blank"
2. target="_top"
3. target="_self"
1. Die Seite wird in einem neuen Fenster geöffnet.
2. Die Seite wird über die ganze aktuelle Seite geöffnet.
3. Die Seite wird im aktuellen Frame oder in der aktuellen Seite gerufen.
3. Bilder als Hyperlink
Die Tags für Bilder als Hyperlink sind gleich, nur dass wir diesmal ein Bild zwischen die beiden Tags setzen.
|
|
Source code
|
1
|
<a href="URL"><img src="Bild URL" alt="Titel" border="0"></a>
|
Wichtig
Bei einem Bild als Hyperlink UNBEDINGT
border="0" angeben, da man sonst den hässlichen LinkBorder um seine Bilder hat.
4. Anker als Inhaltsverzeichnis
Hier lernen wir eine neue Form der Definition von Hyperlinks kennen.
<a name="Name">Text</a>. Dadurch setzen wir einen Anker-Punkt mit dem Namen "Name" an. Um dort hinzugelangen, setzt man folgendes ins
href="" einer Hyperlinks ein:
|
|
Source code
|
1
2
3
4
|
<a name="Name">Text</a>
...
...
<a href="#Name">Linktext</a>
|
Erklärung
Durch das Setzen einer # vor den Namen eines Links erreichen wir, dass der Name hinter der # auf der aktuellen Seite gesucht wird und wir dort hingehn. Natürlich muss Gross- und Kleinschreibung bei beidem gleich sein, ansonsten funktioniert es nicht
Fazit
Hyperlinks sind so mit das einfachste, was es überhaupt in HTML gibt.
