HTML: Link erstellen – Hyperlink erstellen

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!

HTML: Link erstellen – Hyperlink erstellen

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

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

<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:

• 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.

HTML: Link in einem neuen Tab öffnen

<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.

<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.

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

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

Über mich

Domi

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