Wie Sie vermutlich beim Surfen im Web schon bemerkt haben, erlauben nahezu alle Websites das Interagieren und Navigieren durch Klicken auf bestimmte Elemente.
Wenn ein Klick auf ein Element Sie zu einer anderen Unterseite führt, wird dieses Element „Link“ genannt. In den meisten Fällen handelt es sich dabei um einen Textabschnitt oder ein Bild.
Der zu verlinkende Text wird im Code mit dem <a> und </a> Tag gekennzeichnet. Das Ziel, zu dem der Link hinführen soll, wird mittels des „href“ Attributes übergeben.
<a href=“http://google.de“>Zu Google</a>
Erzeugt den Link „Zu Google“. Bei Klick auf diese Worte, wird der Besucher zur Google-Website weitergeleitet. Wichtig: Wenn Sie auf externe Websites verlinken (also nicht Ihre eigenen HTML Dateien), dann müssen Sie die Adresse des Zieles mit „http://“ beginnen, da der Browser sonst annimmt, dass sich das Ziel auf Ihrem Computer befindet und nicht korrekt weiterleitet.
Natürlich sind Verlinkungen auch sinnvoll, um innerhalb Ihrer eigenen Website Gliederungen zu ermöglichen. Sie können hierzu mehrere HTML Dateien erstellen und zwischen diesen verlinken. Bei Verlinkungen zu Dateien auf Ihrem Computer gelten dieselben Verzeichnisregeln, die Sie vorhin beim Einbinden von Grafikdateien erlernt haben.
<a href=“index.html“>Startseite</a>
<a href=“freunde.html“>Meine Freunde</a><br>
<a href=“familie.html“> Meine Familie</a><br>
<a href=“hobbies.html“>Meine Hobbies</a>
Lässt den Besucher durch die Website navigieren. Dazu muss das „Menü“ natürlich auch auf allen anderen Seiten eingefügt werden.
Statt des Textes zwischen <a> und </a> kann auch ein Bild eingebunden werden. Klickt der Besucher dann auch dieses Bild, wird er weitergeleitet.
<a href=“freunde.html“>
<img src=“fotos/manfred.jpg“ height=“150“ width=“200“>
</a>
Erlaubt das Navigieren zur Unterseite „freunde.html“ durch Klick auf das Bild.
Standardmäßig wird ein Link im selben Fenster/Tab geöffnet, in dem der Besucher gerade surft. Vor allem beim Verlinken auf externe Seiten, kann es aber manchmal nützlich sein, dass sich ein Link in einem neuen Fenster oder Tab öffnet. So hat der Besucher jederzeit die Möglichkeit durch schließen des neuen Tabs zu unserer Seite zurückzukehren. Das Öffnen in einem neuen Fenster/Tab wird durch das Attribut „target“ festgelegt.
<a href=“http://google.de“> Zu Google </a>
Öffnet die Google-Website im selben Tab.
<a href=“http://google.de“ target=“_blank“> Zu Google </a>
Öffnet die Google-Website in einem neuen Tab
Geschafft …. Das war der letzte Teil unseres HTML-Tutorials! Nun bist Du fit für die erste HTML-Webseite.
Hier kannst Du mit unserem CSS-Tutorial weiter lernen.
Auf Wunsch vieler Leser von PlanetHTML folgt nun auch noch eine Empfehlung, falls ein Webspace-Anbieter gesucht wird. Viele Nutzer von PlanetHTML schätzen den Kundenservice von goneo. Bereits ab 2.99 Euro/Monat (Goneo Start) gibt es gutes Einsteiger-Hosting. Wer vorhat, mehrere Domains in dem Paket zu hosten, der sollte zum Paket „Goneo Premium“ für 8,99€ greifen. Einen ausführlichen Test zu Goneo, aber auch vielen weiteren Hostern gibt es auf www.webhostingvergleich.eu