So Erstellen Sie Einen Hyperlink Auf Einer Website

Inhaltsverzeichnis:

So Erstellen Sie Einen Hyperlink Auf Einer Website
So Erstellen Sie Einen Hyperlink Auf Einer Website

Video: So Erstellen Sie Einen Hyperlink Auf Einer Website

Video: So Erstellen Sie Einen Hyperlink Auf Einer Website
Video: HTML Tutorial: Hyperlinks mit HTML | deutsch 2024, April
Anonim

Hyperlinks sind die Grundlage, auf der die Struktur des Internets aufbaut. Es sind diese Elemente von Internetseiten, die es Ihnen ermöglichen, die Seiten von Sites zu einem einzigen Netzwerk zu verbinden. Sehen wir uns genauer an, wie Hyperlinks in Dokumente eingefügt werden.

Hyperlinks auf Website-Seiten
Hyperlinks auf Website-Seiten

Anleitung

Schritt 1

Hypertext-Links dienen dazu, Text, Bilder oder andere Seitenelemente mit anderen Hypertext-Dokumenten zu verknüpfen. Alle Elemente einer Site-Seite, einschließlich Links, werden vom Browser erstellt, der detaillierte Anweisungen aus dem vom Server an ihn gesendeten Seitencode erhält. Dieser HTML-Code (HyperText Markup Language) besteht aus "Tags", die den Typ, das Aussehen und die Position aller Elemente einer Webseite beschreiben. Ein Standard-Hyperlink wird vom Browser erstellt, wenn er im Seitencode auf das folgende Tag trifft, beispielsweise auf das folgende Tag: Textlink Hier ist das öffnende Link-Tag, - das schließende Tag. Das öffnende Tag kann zusätzliche Informationen enthalten - "Attribute". In diesem einfachen Link enthält das href-Attribut die URL der Seite oder eines anderen Dokuments, das angefordert wird, wenn ein Besucher auf den Link klickt. Manchmal ist es nicht erforderlich, die vollständige Adresse anzugeben - wenn sich das angeforderte Dokument auf dem Server im selben Ordner (oder einem Unterordner darin) befindet, reicht es aus, nur seinen Namen oder den Pfad zum Unterordner anzugeben. Solche Adressen heißen "relativ", sie sollten zB so geschrieben werden: Textlink Wenn Sie auf diesen Link klicken, wird das Dokument moreText.html aus dem gleichen Ordner geladen. Und absolute Linkadressen beginnen beispielsweise mit einem Protokoll: Text Link Hier ist "http" (HyperText Transfer Protocol) die übliche Adresse eines Dokuments in einem Netzwerk. Und wenn Sie das Protokoll "mailto" angeben, startet der Hyperlink Ihr E-Mail-Programm, anstatt auf eine andere Seite zu gehen: E-Mail-Link): Link zum Archiv

Schritt 2

Ein weiteres Hyperlinkattribut, das angibt, in welches Fenster dieses neue Dokument geladen werden soll, wird "Ziel" geschrieben. Wenn Sie eine korrekte Adresse in das href-Attribut eingeben können, kann target nur vier Werte haben: _self - die Seite muss in dasselbe Fenster oder Frame geladen werden. "Frames" bezieht sich auf einen Teil eines Fensters, der in mehrere Teile unterteilt ist; _parent - wenn die aktuelle Seite selbst aus einem anderen Fenster (oder Frame) geladen wurde, dann hat sie ein "Eltern"-Fenster. Und der Wert _parent erfordert, dass die Seite, auf die der Link verweist, in dieses übergeordnete Fenster geladen wird; _top – die neue Seite muss in dasselbe Fenster geladen werden. Wenn dieses Fenster in Frames unterteilt ist, werden diese beim Laden zerstört und die neue Seite ist der einzige Frame in diesem Fenster; _blank - ein separates Fenster wird geöffnet, um dem Link zu folgen; Beispiel:

Link öffnet sich in einem neuen Fenster

Schritt 3

Es ist möglich, einen Hyperlink zu erstellen, um nicht zu einer anderen Seite, sondern zu einem bestimmten Abschnitt desselben Dokuments zu gelangen. Um ein solches "Ziel" im HTML-Code des Dokuments anzugeben, wird ein Anker-Link verwendet: Und der Link, der das Dokument zu diesem Anker scrollt, sieht so aus: Link zum ersten Anker der Seite Sie können nicht nur auf Anker verlinken in diesem Dokument, aber auch in anderen: Anker in einer anderen SeiteNatürlich muss im HTML-Code eines anderen Dokuments ein solcher Ankerlink mit dem Attribut name = "Anchor1" vorhanden sein.

Schritt 4

Ein Hyperlink kann nicht nur Text, sondern auch andere Elemente der Seiten dienen – zum Beispiel Bilder. Das einfachste Tag, das ein Bild zeichnet, sieht so aus: Und damit das Bild ein Hyperlink wird, muss es zwischen den öffnenden und schließenden Link-Tags eingeschlossen werden:

Empfohlen: