Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > HTML--Tag

HTML--Tag

WBOY
Freigeben： 2016-08-30 09:21:08
Original
1138 Leute haben es durchsucht

1. Definition und Verwendung

Alle Browser unterstützen das -Tag.

Das

-Tag definiert einen Hyperlink, der zum Verlinken von einer Seite zu einer anderen verwendet wird.

Das wichtigste Attribut des

-Elements ist das href-Attribut, das das Ziel des Links angibt.

Die Standarddarstellung von Links in allen Browsern ist:

  • Unbesuchte Links sind unterstrichen und blau
  • Besuchte Links sind unterstrichen und lila
  • Aktivitätslinks sind unterstrichen und rot
Wenn Sie möchten, dass sich das Erscheinungsbild des Links stark vom Standard-Link-Erscheinungsbild unterscheidet. Sie können CSS-Pseudoklassen verwenden, um Text-Hyperlinks komplexe und unterschiedliche Stile hinzuzufügen.

2. Tipps und Hinweise

Tipp: Wenn Sie das href-Attribut nicht verwenden, können Sie die folgenden Attribute nicht verwenden: Download-, hreflang-, media-, rel-, target- und type-Attribute.

Tipp: Die verlinkte Seite wird normalerweise im aktuellen Browserfenster angezeigt, sofern Sie kein anderes Ziel (Zielattribut) angeben.

Tipp: Verwenden Sie CSS, um Links zu formatieren.

Drei, Attribute

Attribut Wert Beschreibung
Zeichensatz char_encoding In HTML5 nicht unterstützt. Gibt den Zeichensatz des verknüpften Dokuments an.
属性 值 描述
charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
coords coordinates HTML5 中不支持。规定链接的坐标。
download（5） filename 规定被下载的超链接目标。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media（5） media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape
  • default
  • rect
  • circle
  • poly
 HTML5 中不支持。规定链接的形状。
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
 规定在何处打开链接文档。
type（5） MIME type 规定被链接文档的的 MIME 类型。
Koordinaten Koordinaten In HTML5 nicht unterstützt. Gibt die Koordinaten des Links an.
herunterladen（5） Dateiname Gibt das herunterzuladende Hyperlink-Ziel an.
href URL Gibt die URL der Seite an, auf die der Link verweist.
hreflang Sprachcode Gibt die Sprache des verknüpften Dokuments an.
Medien（5） media_query Gibt das Medium/Gerät an, für das das verknüpfte Dokument optimiert ist.
Name Abschnittsname In HTML5 nicht unterstützt. Gibt den Namen des Ankers an.
rel Text Gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument an.
rev Text In HTML5 nicht unterstützt. Gibt die Beziehung zwischen dem verknüpften Dokument und dem aktuellen Dokument an.
Form
Standard rect
Kreis
Poly
 In HTML5 nicht unterstützt. Gibt die Form des Links an. 
<html>

<body>

<p>
<a href=<span style="color: #800000;">"</span><span style="color: #800000;">/index.html</span><span style="color: #800000;">"</span>>本文本</a> 是一个指向本网站中的一个页面的链接。</p>

<p><a href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.microsoft.com/</span><span style="color: #800000;">"</span>>本文本</a> 是一个指向万维网上的页面的链接。</p>

</body>
</html>
Nach dem Login kopieren
Ziel

_blank

_parent

_self
<html>

<body>
<p><span style="color: #000000;">
您也可以使用图像来作链接：
</span><a href=<span style="color: #800000;">"</span><span style="color: #800000;">/example/html/lastpage.html</span><span style="color: #800000;">"</span>>
<img border=<span style="color: #800000;">"</span><span style="color: #800000;">0</span><span style="color: #800000;">"</span> src=<span style="color: #800000;">"</span><span style="color: #800000;">/i/eg_buttonnext.gif</span><span style="color: #800000;">"</span> />
</a>
</p>

</body>
</html>
Nach dem Login kopieren
_top

Framename

 Gibt an, wo das verknüpfte Dokument geöffnet werden soll.
type(5) MIME-Typ Gibt den MIME-Typ des verknüpften Dokuments an. 
<html>

<body>

<p>
<a href=<span style="color: #800000;">"</span><span style="color: #800000;">#C4</span><span style="color: #800000;">"</span>>查看 Chapter <span style="color: #800080;">4</span>。</a>
</p>

<h2>Chapter <span style="color: #800080;">1</span></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter <span style="color: #800080;">2</span></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter <span style="color: #800080;">3</span></h2>
<p>This chapter explains ba bla bla</p>

<h2><a name=<span style="color: #800000;">"</span><span style="color: #800000;">C4</span><span style="color: #800000;">"</span>>Chapter <span style="color: #800080;">4</span></a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter <span style="color: #800080;">5</span></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter <span style="color: #800080;">6</span></h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>
Nach dem Login kopieren

Vier

Dieses Beispiel zeigt, wie man einen Link in einem HTML-Dokument erstellt. 
<html>

<body>

<a href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/</span><span style="color: #800000;">"</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span>>Visit W3School!</a>

<p>如果把链接的 target 属性设置为 <span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span>，该链接会在新窗口中打开。</p>

</body>

</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie man ein Bild als Link verwendet. 
<html>

<body>

<p>被锁在框架中了吗？</p> 

<a href=<span style="color: #800000;">"</span><span style="color: #800000;">/index.html</span><span style="color: #800000;">"</span><span style="color: #000000;">
target</span>=<span style="color: #800000;">"</span><span style="color: #800000;">_top</span><span style="color: #800000;">"</span>>请点击这里！</a> 

</body>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie Sie einen Link verwenden, um zu einem anderen Teil des Dokuments zu springen 
<html>

<body>

<p><span style="color: #000000;">
这是邮件链接：
</span><a href=<span style="color: #800000;">"</span><span style="color: #800000;">mailto:someone@microsoft.com?subject=Hello%20again</span><span style="color: #800000;">"</span>>发送邮件</a>
</p>

<p>
<b>注意：</b>应该使用 %<span style="color: #800080;">20</span><span style="color: #000000;"> 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
</span></p>

</body>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie Sie eine Seite in einem neuen Fenster öffnen, sodass Besucher Ihre Website nicht verlassen müssen. 
<html>

<body>

<p><span style="color: #000000;">
这是另一个 mailto 链接：
</span><a href=<span style="color: #800000;">"</span><span style="color: #800000;">mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!</span><span style="color: #800000;">"</span>>发送邮件！</a>
</p>

<p>
<b>注意：</b>应该使用 %<span style="color: #800080;">20</span><span style="color: #000000;"> 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
</span></p>

</body>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie Sie aus dem Rahmen ausbrechen, wenn Ihre Seite innerhalb des Rahmens fixiert ist.
Dieses Beispiel zeigt, wie man eine E-Mail verlinkt. (Dieses Beispiel funktioniert nur nach der Installation eines E-Mail-Client-Programms.)
Dieses Beispiel zeigt einen komplexeren E-Mail-Link.
Verwandte Etiketten：
HTML &lt;a&gt; 标签
Quelle：php.cn
Vorheriger Artikel：Vier CSS-Kompilierungsstile von Sass Nächster Artikel：CSS-Stil --- CSS-Hack
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Warum ist mein HR-Tag durchscheinend, wenn es auf die einfarbige Farbe Weiß eingestellt ist? Ich habe ein HTML (mit Bootstrap) und ein CSS, in meinem HTML habe ich ein <hr>-Tag,...
Aus 2024-04-06 16:13:26
0
1
500
Was ist der Unterschied zwischen den HTML-Tags <a></a> und <a href=""></a>? Einige Websites verwenden [url]Website-Adresse[/url] in ihrem Textbereich und können dort ...
Aus 2024-04-02 22:46:16
0
2
403
Ich habe Probleme mit der Ausgabeformatierung, wenn ich <br>-Tags in HTML verwende Ich habe Probleme mit den Übungsfragen. Sie sehen also, ich habe alles von HTML bis CSS, a...
Aus 2024-04-02 15:56:11
0
1
315
Verwenden von Regex, um HTML in div zu ersetzen und Abstände hinzuzufügen Hallo, ich hätte gerne Hilfe beim Erstellen einer Regex, die alle HTML-Tags ersetzt, aber ...
Aus 2024-04-02 11:28:02
0
1
420
Einbetten von HTML, das von einer R-Funktion generiert wurde Ich möchte HTML dynamisch erstellen und dieses HTML in Quarto rendern. Die eigentliche Anw...
Aus 2024-04-01 20:51:51
0
1
367
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage