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“-Wert „http://www.example.com„.
Jetzt, wo du weißt, wie man einen HTML-Link erstellt, kannst du deine Website mit der ganzen Welt teilen!
Wenn du mit HTML ein Wort,Text oder Bild verlinken & verlinken willst. Ein einfacher Link sieht so aus.
<a href="meine-webseite.de">Dein Wort</a>
Ergebnis als Hyperlink
Wenn du einen Link in einem neuen Tab öffnen willst ist hier die Anleitung
wenn du ein Bild verlinken sieht es so aus
<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
Du kannst auch unseren Link Generator nutzen.
Das <a>
-Tag bietet mehrere weitere Attribute, mit denen Sie das Verhalten des Links anpassen können. Hier sind einige gängige:
target
: Gibt an, in welchem Fenster oder Tab der Link geöffnet werden soll._blank
: Öffnet den Link in einem neuen Fenster oder Tab._self
: Öffnet den Link im selben Fenster oder Tab.title
: Legt einen Tooltip fest, der angezeigt wird, wenn der Mauszeiger über den Link bewegt wird.class
: Ermöglicht es Ihnen, dem Link eine CSS-Klasse zuzuweisen, um dessen Aussehen zu gestalten.id
: Ermöglicht es Ihnen, dem Link eine eindeutige ID zuzuweisen, die Sie mit JavaScript ansprechen können.<a href="https://www.example.com" target="_blank" title="Öffnet in neuem Tab" class="mein-link">klick mich</a>
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.
<a href="https://www.example.com/seite.html#ankername">Zum Anker springen</a>
Um einen Link zu einer anderen Stelle innerhalb derselben HTML-Seite zu erstellen, kannst du einfach einen relativen Pfad im href
-Attribut verwenden.
<a href="#absatz">Zum Absatz springen</a>
<h2 id="absatz">Absatzüberschrift</h2>
Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite