Links

HTML-Links - Hyperlinks

HTML-Links sind Hyperlinks.

Sie können auf einen Link klicken und zu einem anderen Dokument springen.

Wenn Sie die Maus über einen Link bewegen, verwandelt sich der Mauspfeil in eine kleine Hand.

Hinweis: Ein Link muss kein Text sein. Es kann ein Bild oder ein anderes HTML-Element sein.

HTML-Links - Syntax

Hyperlinks werden mit dem HTML <a> -Tag definiert:

Beispiel: <a href="url">link text</a>

Das Attribut "href" gibt die Zieladresse (https://www.google.com/) des Links an.

Der Linktext ist der sichtbare Teil (Google).

Durch Klicken auf den Linktext gelangen Sie an die angegebene Adresse.

Lokale Links

Im obigen Beispiel wurde eine absolute URL (eine vollständige Webadresse) verwendet.

Ein lokaler Link (Link zu derselben Website) wird mit einer relativen URL angegeben (ohne https://www....).

Beispiel:
<a href="html_images.asp">HTML Images</a>

HTML-Links - Das Zielattribut

Das 'Target' Attribut gibt an, wo das verknüpfte Dokument geöffnet werden soll.

Das 'Target' attribut kann einen der folgenden Werte haben:

• _blank - Öffnet das verknüpfte Dokument in einem neuen Fenster oder einer neuen Registerkarte
• _self - Öffnet das verknüpfte Dokument im selben Fenster / Tab, auf das geklickt wurde (dies ist die Standardeinstellung)
• _parent - Öffnet das verknüpfte Dokument im übergeordneten Frame
• _top - Öffnet das verknüpfte Dokument im gesamten Fenster
• Framename - Öffnet das verknüpfte Dokument in einem benannten Frame

In diesem Beispiel wird das verknüpfte Dokument in einem neuen Browserfenster/ Neue Tab geöffnet:

<a href="https://www.facebook.com/" target="_blank">Facebook</a>

Probieren Sie die anderen selbst aus!