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.
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. 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.
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:
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.
__________________
code:
1:
2:
3:
4:
5:
<style type="text/ CSS">
* HTML body {
display:none;
}
</style>
Das mag ich am IE ^^
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von NetzSchleicher: 29.12.2006 22:33.
29.12.2006 22:33
Der Betreiber und die Moderatoren vom www.coder-board.de distanzieren sich hiermit ausdrücklich von dem von NetzSchleicher am 29.12.2006 um 22:33 verfassten Beitrag. Sollte dieser Beitrag Ihre Rechte verletzen, bitten wir um Benachrichtigung unter Berücksichtigung der dort aufgeführten Möglichkeiten.
