Angenommen, du möchtest deine Website mit der ganzen Welt teilen. Wie machst du das? Nun, zuerst musst du einen HTML-Link erstellen. So sagst du den Browsern, wo sie deine Website finden können. Dazu musst du das Attribut „href“ verwenden.

Der Wert dieses Attributs ist die Adresse deiner Website. Wenn sich deine Website zum Beispiel unter „www.example.com“ befindet, lautet der „href“-Werthttp://www.example.com„.

Jetzt, wo du weißt, wie man einen HTML-Link erstellt, kannst du deine Website mit der ganzen Welt teilen!

HTML: Link erstellen – Hyperlink erstellen

Wenn du mit HTML ein Wort,Text oder Bild verlinken & verlinken willst. Ein einfacher Link sieht so aus.

HTML
<a href="meine-webseite.de">Dein Wort</a>

Ergebnis als Hyperlink

Dein Wort

Wenn du einen Link in einem neuen Tab öffnen willst ist hier die Anleitung

HTML: Bild verlinken

wenn du ein Bild verlinken sieht es so aus

HTML
<a href="meine-webseite.de"><img class="" src="https://www.blogseite.com/wp-content/uploads/2021/12/Cryptopunks_general.jpeg" width="254" height="169" /></a>

Ergebnis

Link automatisch erstellen lassen

Du kannst auch unseren Link Generator nutzen.

Zusätzliche Link Attribute

Das <a>-Tag bietet mehrere weitere Attribute, mit denen Sie das Verhalten des Links anpassen können. Hier sind einige gängige:

HTML: Link in einem neuen Tab öffnen

HTML
<a href="https://www.example.com" target="_blank" title="Öffnet in neuem Tab" class="mein-link">klick mich</a>

Link zu einer bestimmten Stelle auf einer Seite (Anker Link)

Um einen Link zu einer bestimmten Stelle auf einer Seite zu erstellen, füge einfach dem dem href-Attribut einen Fragment-Bezeichner (#) und den Namen des Ankers hinzu, zu dem Du verlinken möchtest.

HTML
<a href="https://www.example.com/seite.html#ankername">Zum Anker springen</a>

Links auf der selben Seite:

Um einen Link zu einer anderen Stelle innerhalb derselben HTML-Seite zu erstellen, kannst du einfach einen relativen Pfad im href-Attribut verwenden.

HTML
<a href="#absatz">Zum Absatz springen</a>

<h2 id="absatz">Absatzüberschrift</h2>

Über mich