HTML -Links
In diesem Tutorial werden die folgenden Möglichkeiten zur Verwendung von HTML -Links behandelt:
- Der Tag, um einen Link anzugeben.
- Der Tag innerhalb der Tag, um ein Bild als Link zu verwenden.
- Der Ziel Attribut von Tag, um das Fenster anzugeben, in dem Sie die verknüpfte Site, das Dokument usw. öffnen möchten.
- Der href Attribut innerhalb Tag, um den Link des Zielziels anzugeben.
- Der ONCLICK Methode zur Verwendung der Schaltfläche als Link
HTML -Tag
Es ist ein Hyperlink, der zum Navigieren von einer Webseite zur anderen verwendet wird. Es dauert ein Attribut href So geben Sie die Zieladresse an. Standardmäßig wird der Link im aktuellen Fenster des Browsers geöffnet. Dieses Verhalten kann jedoch mit dem geändert werden Ziel Attribut.
Beispiel
Lassen Sie uns einen Hyperlink erstellen, um vom aktuellen Dokument zum LinuxHint zu springen.com:
Links in HTML
Wenn Sie auf den Link klicken, werden wir zu LinuxHint geleitet.com:
HTML -Zielattribut
Im oben gegebenen Beispiel haben wir festgestellt, dass beim Klicken auf den Link die verknüpfte Website im selben Fenster geöffnet wurde. Das Zielfenster kann für die angegebene Verbindung mithilfe der geändert werden Ziel Attribut.
Das Zielattribut kann einen der folgenden Werte verwenden, um das Zielfenster zu definieren, in dem die Verbindung geöffnet wird:
_selbst: So öffnen Sie den Link im selben Fenster
_leer: Öffnet den Link im neuen Fenster
Wenn wir das Zielattribut nicht angegeben haben, wird der Link standardmäßig mit dem geöffnet "_selbst" Wert i.e. auf der selben Seite.
Beispiel Betrachten wir die folgenden Codezeilen, um zu verstehen, wie "_leer" Wert funktioniert:
Links in HTML
Die folgende Ausgabe überprüfen, dass der Link in einer neuen Registerkarte geöffnet wird:
HTML HREF -Attribut
href kann verwendet werden, um die anzugeben Absolute URLs oder der Relative Links. Der Absolute URL bezieht sich auf die vollständige Adresse der Website e.G. „Https: // www.LinuxHint.com/”und wird im Allgemeinen verwendet, um die Ressourcen auf anderen Websites zu verknüpfen. Zum Beispiel nimmt das obige Beispiel eine Adresse, die uns an LinuxHint anweist.com.
Während Relative Links Siehe einen lokalen Link und werden im Allgemeinen verwendet, um die Ressourcen auf derselben Website zu verknüpfen.
Beispiel Der untergegebene Code hat einen absoluten Link für „LinuxHint“.com ”und ein lokaler Link für ein Bild„ Linux.png ”:
Links in HTML
Der obige Ausschnitt erzeugt die folgende Ausgabe:
Bild als Link
Um das Bild als Link zu verwenden, müssen wir die angeben Tag innerhalb der Schild.
Beispiel Der untergegebene Code erstellt ein Bild. Klicken Sie auf das Bild. Öffnen Sie den angegebenen Link.
HTML -Bild als Link
Wenn Sie auf das Bild klicken, navigieren Sie zu LinuxHint.com
Wir erhalten die folgende Ausgabe:
Schaltfläche als Link
In HTML kann ein Tag zum Erstellen einer Schaltfläche verwendet werden, und ein Link kann im Schaltflächen -Tag mit dem Onclick -Event angegeben werden.
Beispiel In diesem Beispiel wird eine Schaltfläche erstellt. Klicken auf die Schaltfläche öffnet ein neuer Link:
HTML -Bild als Link
Wenn Sie auf die Schaltfläche klicken, navigieren Sie zu LinuxHint.com
Im Folgenden finden Sie die Ausgabe:
Abschluss
Der Tag wird verwendet, um eine Link in HTML mit Hilfe seines HREF -Attributs anzugeben, das zur Bestimmung der Linkadresse verwendet wird, und das Zielattribut wird verwendet, um die Registerkarte "Ziel" anzugeben.e. Öffnen Sie den Link auf der aktuellen Registerkarte oder in einer neuen Registerkarte. Diese Beschreibung bietet einen umfassenden Überblick über die Links in HTML. Es erklärt den Unterschied zwischen dem absoluten Pfad und dem relativen Weg. Außerdem wurde beschrieben, wie Bild und Schaltfläche als Link verwendet werden.