Heim > Web-Frontend > HTML-Tutorial > So fügen Sie externe Links zu HTML hinzu

So fügen Sie externe Links zu HTML hinzu

下次还敢
Freigeben: 2024-04-11 06:32:44
Original
784 Leute haben es durchsucht

So fügen Sie externe Links in HTML hinzu: Verwenden Sie Tags, einschließlich href- und Zielattribute. Das href-Attribut gibt die Ziel-URL des Links an. Das Zielattribut gibt an, wo der Link geöffnet wird, z. B. ein neuer Tab oder die aktuelle Seite. Linktext wird als anklickbarer Text verwendet. Wenn Sie Bildlinks verwenden, legen Sie das Attribut „image src“ auf die Bild-URL und das Attribut „href“ auf die Ziel-URL fest.

So fügen Sie externe Links zu HTML hinzu

So fügen Sie externe Links in HTML hinzu

Externe Links sind Links zu Webseiten oder Dateien, die sich außerhalb der aktuellen Webseite befinden. Das Hinzufügen externer Links in HTML ist sehr einfach. Hier sind die spezifischen Schritte:

1. Verwenden Sie das -Tag.

Um einen externen Link zu erstellen, verwenden Sie das -Tag, das die folgenden Attribute enthält:

  • href: Gibt die Ziel-URL des Links an.
  • Ziel: Gibt an, wo der Link geöffnet wird (z. B. neuer Tab oder aktuelle Seite).

2. Linktext

Der Inhalt des Labels wird zum Linktext, also dem anklickbaren Text, der angezeigt wird, wenn der Benutzer klickt. Es kann als Wort, Phrase oder Bild verwendet werden.

3. Beispiel

Um einen Link zu erstellen, der in einem neuen Tab zu google.com geöffnet wird, lautet der Code wie folgt:

<code class="html"><a href="https://www.google.com" target="_blank">Google</a></code>
Nach dem Login kopieren

4. Mit dem Zielattribut können Sie angeben wo der Link öffnet. Hier sind einige gemeinsame Ziele:

_blank:
    Link in neuem Tab öffnen.
  • _self:
  • Öffnen Sie den Link auf der aktuellen Seite (Standard).
  • _parent:
  • Link im übergeordneten Frame öffnen.
  • _top:
  • Öffnen Sie Links im obersten Fenster Ihres Browsers.
  • 5. Bildlink hinzufügen

Sie können auch Bilder als Links verwenden. Um einen Bildlink zu erstellen, verwenden Sie das Tag und setzen Sie dessen src-Attribut auf die URL des Bildes und sein href-Attribut auf die Ziel-URL.

<code class="html"><a href="https://www.google.com" target="_blank">
  <img src="google_logo.png" alt="Google" width="200" height="60">
</a></code>
Nach dem Login kopieren

Tipp:

Stellen Sie sicher, dass die Ziel-URL korrekt ist.

    Verwenden Sie das Zielattribut richtig, um das Linkverhalten zu steuern.
  • Verwenden Sie beschreibenden Linktext, um die Benutzererfahrung und SEO zu verbessern.

Das obige ist der detaillierte Inhalt vonSo fügen Sie externe Links zu HTML hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage