Latest web development tutorials

HTML-Links

HTML Verwendung von Hyperlinks mit einem anderen Dokument auf dem Netzwerk verbunden sind. Fast können Sie Links zu allen Seiten. Klicken Sie auf die Links von einer Seite zu einer anderen Seite zu springen.


Beispiele

Versuchen Sie - Beispiel

HTML - Links
Wie man einen Link in einem HTML-Dokument zu erstellen.

(Sie können mehr Beispiele am Ende dieser Seite finden)


HTML Hyperlinks (Links)

HTML-Tags verwendet <a> Hypertext-Links zu setzen.

Hyperlinks können ein Wort, ein Wort oder eine Gruppe von Worten, es kann ein Bild sein, können Sie diese anklicken, um ein neues Dokument oder einen Abschnitt des aktuellen Dokuments zu springen.

Wenn Sie bewegen Sie den Mauszeiger auf einen Link auf einer Webseite, die Pfeil Änderungen an einer kleinen Hand.

Verwenden Sie das Attribut href Tag <a> die Link-Adresse zu beschreiben.

Standardmäßig wird die Verbindung in Form eines Browsers angezeigt:

  • Ein unvisited Link in blauer Schrift angezeigt und unterstrichen.
  • Besuchte Links sind lila und unterstrichen.
  • Klicken Sie auf den Link, wird der Link in rot dargestellt und unterstrichen.

HINWEIS: Wenn Sie den CSS-Stil für diese Hyperlinks gesetzt, nach CSS-Style die Einstellung Anzeige.


HTML Link Syntax

Link-HTML-Code ist sehr einfach. Es ist wie folgt ::

<ahref=" "> urllink text</a>

href Attribut beschreibt das Ziel des Links. .

Beispiele

<a href="http://www.w3big.com/"> besuchen dieses Tutorial </a>

Die obige Codezeile erscheinen als :: dieses Tutorial besuchen

Klicken Sie auf den Link führt den Benutzer zu dem Tutorial-Seite.

Tipp:"Linktext"muss nicht Text sein.Bilder oder andere HTML-Element kann eine Verbindung sein.


HTML Links - Zieleigenschaft

Verwenden Sie das Zielattribut können Sie festlegen, das verknüpfte Dokument angezeigt wird, wo.

Die folgende Zeile wird das Dokument in einem neuen Fenster geöffnet:

Beispiele

<A href = "http://www.w3big.com/" target = "_blank"> besuchen dieses Tutorial! </ a>

Versuchen »


HTML-Anschluss - id-Attribut

id-Attribut kann verwendet werden, um ein HTML-Dokument mit Lesezeichen zu erstellen.

Tipp: Lesezeichen werden in einer besonderen Art und Weise nicht angezeigt, in dem HTML - Dokument nicht angezeigt wird , so dass der Leser wird ausgeblendet.

Beispiele

ID wird in einem HTML-Dokument eingefügt:

<a id="tips"> Hilfreiche Hinweise Abschnitt </a>

Erstellen Sie einen Link zum "Nützliche Tipps Abschnitt (id =" Spitzen ")" in dem HTML-Dokument:

<a href="#tips"> Zugang hilfreiche Hinweise Abschnitt </a>

Oder erstellen Sie einen Link von einer anderen Seite an den "nützlichen Tipps Abschnitt (id =" Spitzen ")":

<a href="http://www.w3big.com/html/html-links.html#tips">
Zugang Nützliche Tipps Abschnitt </a>


Grundlegende Vorsichtsmaßnahmen - Praktische Tipps

Hinweis: Immer einen Schrägstrich zu Unterordner hinzufügen.Wenn ja schreiben Link: href = "http://www.w3big.com/html" wird zweimal HTTP-Request an den Server herzustellen. Dies ist, weil der Server einen Schrägstrich an die Adresse hinzufügen, und dann eine neue Anforderung wie diese zu erstellen: href = "http://www.w3big.com/html/".


Beispiele

Weitere Beispiele

Foto Link
Wie die Bilder Links verwenden.

In der aktuellen Seite Link zu der angegebenen Position
Wie Lesezeichen verwenden

Außerhalb der Box
Dieses Beispiel zeigt, wie aus dem Rahmen zu springen, wenn Ihre Seite im Rahmen befestigt ist.

Erstellen Sie E-Mail - Link
Wie dieses Beispiel zeigt, wie eine Nachricht zu verknüpfen. (In diesem Fall arbeiten, nachdem Sie die E-Mail-Client zu installieren.)

Gebaute E - Mail Link 2
Dieses Beispiel zeigt eine komplexere E-Mail-Link.


HTML-Link-Tag

Etikett Beschreibung
<a> Definieren Sie einen Hyperlink