In diesem Artikel zeige ich Ihnen, wie Sie das a-Tag in HTML verwenden, um einen Link ( link ) in einer Webseite zu erstellen.

Das a-Tag spielt eine sehr wichtige Rolle auf einer Website, es wird verwendet, um Links zu erstellen, um die Website miteinander zu verknüpfen. Schauen Sie sich die Struktur dieser Seite an, ich habe viele Links erstellt, von denen jeder auf Lektionen auf der Seite freetuts.net selbst verweist.

Darüber hinaus können Sie auch Links zu anderen Websites erstellen, die Sie für die Leser nützlich finden.

Was ist das a-Tag in HTML?

Das a-Tag in HTML wird verwendet, um Links zu erstellen, dh die Links zu einer bestimmten Website im Internet.

Wenn Sie etwas über SEO erfahren, werden Sie feststellen, dass das a -Tag eine wichtige Rolle spielt, wenn Sie auf Backlinks setzen. Wir haben zwei Arten von Links, nämlich interne Links ( interne Links ) und ausgehende Links zu anderen Websites ( externe Links ). Interne Links sind Links, die nur auf Seiten innerhalb der Domain verweisen, während ausgehende Links Links sind, die auf Websites verweisen, die nicht zur aktuellen Domain gehören.

Die Syntax zum Erstellen eines Links mit dem a-Tag lautet wie folgt :

 <a href="https://hocvietcode.com">web888.vn</a>

Dabei ist href der Pfad zu der Website, auf die Sie verweisen möchten.

Beispiel : Erstellen Sie einen Link mit dem Inhalt Javascript lernen , der auf den Link https://hocvietcode.com/hoc-javascript zeigt.

 <a href="https://hocvietcode.com/hoc-javascript">học javascript</a>

Attribute des a-Tags in HTML

Als Nächstes werde ich einige der am häufigsten verwendeten Attribute in einem Tag vorstellen.

Das title-Attribut des a.-Tags

Das Titelattribut wird verwendet, um die Bedeutung des Links zu beschreiben. Wenn Sie den Mauszeiger über den Link bewegen, wird ein Text angezeigt, der den Inhalt darstellt, den wir im Titelattribut platziert haben.

 <a href="https://hocvietcode.com/hoc-javascript" title="học javascript tại đây">học javascript</a>

Das rel-Attribut des a.-Tags

Die durchschnittliche Person wäre an diesem Attribut weniger interessiert. Aber wenn Sie eine SEO-Person sind, müssen Sie aufpassen.

Das rel -Attribut wird verwendet, um Suchmaschinen mitzuteilen, ob sie diesen Link erkennen sollen oder nicht. Es hat zwei Werte wie folgt:

• Folgen ist da
• nofollow bedeutet unentdeckt

Beispiel : Deklarieren Sie Such-Bots, dass sie nicht auf den Link im obigen Beispiel zugreifen.

 <a href="https://hocvietcode.com/hoc-javascript" rel="nofollow">học javascript</a>

Das Zielattribut des a.-Tags

Wenn Sie auf den Link klicken, leitet der Browser sofort auf die Zielseite und direkt auf die aktuelle Registerkarte weiter. Wenn Sie zu einem anderen Tab wechseln möchten, können Sie das Zielattribut verwenden.

• _blank , dann wird der Link auf einem neuen Tab spezialisiert
• _self dann wechselt es den Link auf der aktuellen Registerkarte ( Standardwert )
• _parent dann wird der Link auf die Registerkarte umgeleitet, die die aktuelle Registerkarte öffnet. Wir nennen auch die übergeordnete Registerkarte der aktuellen Registerkarte
• _top springt dann zum aktuellen Tab und wird oft in Iframes verwendet, wenn Sie den Iframe verlassen und zur Originalseite wechseln möchten.

Das Download-Attribut des a.-Tags

Wenn Sie möchten, dass der Browser beim Klicken auf einen Link den Inhalt dieses Links herunterlädt, anstatt auf diesen Link zuzugreifen, geben Sie bitte das Download-Attribut an.

 <a href="https://hocvietcode.com/hoc-javascript" download>học javascript</a>

Der href #-Wert des a-Tags in HTML

Wenn Sie ein a-Tag deklarieren, aber nicht auf einen Link verweisen möchten, legen Sie den Wert href="#" fest.

 <a href="#">học javascript</a>

Wenn Sie außerdem möchten, dass der Browser beim Klicken auf ein Tag zu einer bestimmten Position auf der Webseite wechselt, gehen Sie bitte wie folgt vor.

Schritt 1 : Legen Sie die ID für den Ort fest, an den Sie umziehen müssen. Nehmen wir an, es ist ein div-Tag, und ich setze die ID dafür wie folgt:

 <div id="moveto"></div>

Schritt 2 : Wenn Sie auf das a-Tag klicken, springt es zum div#moveto -Tag, wir werden Folgendes festlegen:

 <a href="#moveto" >Đi tới div#moveto</a>

Die Zustände des a-Tags in HTML

Tag a hat vier Hauptzustände:

• link : Noch keine Aktion für den Link
• besucht : Auf den Link geklickt und zur Landingpage gegangen
• Hover : Bewegen Sie sich über den Link
• aktiv : Link wurde aktiviert

Normalerweise werden wir mit CSS kombinieren, um diese 4 Zustände zu animieren. Dieses Problem werde ich im Artikel CSS-Format-Tag darstellen.

So, ich habe die Anleitung zur Verwendung des a-Tags beendet, das ist ein sehr wichtiger Tag beim Aufbau der Struktur für Webseiten. Ich werde diesen Artikel hier beenden, wir sehen uns im nächsten Beitrag.