Heim  >  Artikel  >  Web-Frontend  >  Einsteigerartikel: So verwenden Sie das -Tag zum Erstellen eines Links (Teilen)

Im vorherigen Artikel „Lernen Sie Schritt für Schritt, wie Sie das IMG-Tag zum Hinzufügen von Bildeffekten verwenden (Wissen)“ habe ich Ihnen vorgestellt, wie Sie das IMG-Tag zum Hinzufügen von Bildeffekten verwenden. Der folgende Artikel zeigt Ihnen, wie Sie einen -Klick-Link erstellen. <a></a>

Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)

-Tag: Es handelt sich um einen Hyperlink-Tag in HTML, der normalerweise in Paaren von „<a></a>“ erscheint. <a></a>”成对的形式出现。

功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。

href属性:指定链接地址,在<a></a>元素内部指定要显示的文字。

代码示例如下

<a href="https://www.php.cn">php中文网</a>

代码效果图如下

Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)

<a></a>不但可以包含文字,还可以包含其他元素,比如<h1></h1>

代码示例如下

<a href="https://www.php.cn">
<h1>我是PHP中文</h1>
</a>

代码效果图如下

Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)

可以包含图片(之前的文章有详细说图片元素)。

代码示例如下

<a href="https://www.php.cn">
<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)" >
</a>

代码效果图如下

Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)

单击上面任何一个链接,会发现新页面都会在当前页打开,当前页会被覆盖。有时我们不想谑当前页被覆盖掉,能不能让它在新标签页里打开呢?

没问题,我们可以用target属性指定单击跳转方式。

target属性:一共有以下几个值,其中前两项最常用

  • _blank:在新窗口中打开;

  • _self:默认。在相同的框架中打开;

  • _parent:在父框架集中打开;

  • _top:在整个窗口中打开。

parent和top两项涉及<iframe></iframe>元素,可以暂时忽略,一般我们只是经常用到target='_self'target='_blank',分别用于在当前页面打开,和在一个新的页面打开。

现在我给大家代码示例加上target=”_blank”

Funktion:

ist, zu einer Seite zu springen. Dies ist die Kernfunktion von HTML.

href-Attribut: Geben Sie die Linkadresse und den Text an, der im Element <a></a> angezeigt werden soll.

Das Codebeispiel ist wie folgt🎜
<a href="https://www.php.cn"target=”_blank”>php中文网</a>
🎜Die Codewiedergabe ist wie folgt🎜🎜Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)🎜🎜<a></a> kann nicht nur Text, sondern auch andere Elemente enthalten, wie zum Beispiel <h1></h1>🎜🎜Das Codebeispiel ist wie folgt 🎜rrreee🎜Die Codewiedergabe ist wie folgt🎜🎜10. jpg🎜🎜 🎜🎜Das Codebeispiel ist wie folgt🎜rrreee🎜Die Codewiedergabe ist wie folgt🎜🎜Einsteigerartikel: So verwenden Sie das <a>-Tag zum Erstellen eines Links (Teilen)🎜🎜Klicken Sie auf einen der obigen Links und Sie werden feststellen, dass auf der aktuellen Seite eine neue Seite geöffnet und die aktuelle Seite überschrieben wird. Manchmal möchten wir nicht, dass die aktuelle Seite überschrieben wird. Können wir sie in einem neuen Tab öffnen lassen? 🎜🎜Kein Problem, wir können das Zielattribut verwenden, um die Klick-Sprung-Methode anzugeben. 🎜🎜🎜Zielattribut🎜: Es gibt insgesamt die folgenden Werte, von denen die ersten beiden am häufigsten verwendet werden🎜
  • 🎜_blank : in In neuem Fenster öffnen; 🎜
  • 🎜_self: Standard. Im selben Frame öffnen; 🎜
  • 🎜_parent: im übergeordneten Frame-Set öffnen; 🎜
  • 🎜_top: in Öffnen Sie das gesamte Fenster. 🎜
🎜parent und top beinhalten <iframe></iframe>-Elemente und können vorübergehend ignoriert werden. Im Allgemeinen verwenden wir nur oft target='_self' und target='_blank' werden zum Öffnen auf der aktuellen Seite bzw. auf einer neuen Seite verwendet. 🎜🎜Jetzt füge ich target="_blank" zum Codebeispiel hinzu🎜🎜Codebeispiel🎜rrreee🎜Dieser Link ändert sich optisch nicht, aber wenn Sie darauf klicken, wird die neue Registerkarte geöffnet. Öffnen Sie die Linkadresse in . 🎜🎜Empfohlenes Lernen: 🎜Html-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonEinsteigerartikel: So verwenden Sie das -Tag zum Erstellen eines Links (Teilen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!