Das "href" Attribut nennt die Verbindung zu einer anderen Webseite. Eigentlich ist das der Ort, wo es den Benutzer senden wird , der auf den Link klickt.
Die Links können sein:
htmlInternal - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.tutorialehtml.com/"Um den Anfang und das Ende eines Ankers zu setzen, kann man <a></a>verwenden. Wählen Sie den Typ des Attributs, den Sie benötigen, und legen Sie ihn in das Tag.
Beispiele:
html<a href="http://www.tutorialehtml.com" target="_blank" title="HTML Tutorials">HTML Tutorials</a>Das "Ziel" Attribut teilt dem Browser mit, ob er eine neue Seite in einem neuen Fenster oder im gleichen Fenster öffnen muss.
| target=" | _blank" | Opens a new window |
| _self" | Opens a page in the same window | |
| _parent" | Opens a new page in a superior frame of the link | |
| _top" | Opens a new page in the same browser canceling all the frames |
Das nächste Beispiel zeigt, wie eine neue Seite in einem Browserfenster geöffnet werden kann. Auf diese Weise können wir auf der Seite des Tutorials bleiben und eine neue Navigationsseite öffnen.
html<a href="http://www.google.com/" target="_blank" >Google </a>Wird verwendet, um zwei Abschnitte der gleichen Seite zu verknüpfen. Auf diese Weise müssen wir diesen Abschnitten einen Namen geben, aber wird im nächsten Beispiel angemerkt, dass es zu betrachten ist.
html<h1>HTML - Hypertext Reference / href<a name="top"></a></h1>
<h2>HTML - Text links<a name="text"></a></h2>
<h2>HTML - E-mail text<a name="email"></a> </h2>Als nächstes müssen wir einen Code zu dem Link machen, indem wir es vor den Namen des Anchors setzen
html<a href="#top">Go to top </a>
<a href="#text">Learn about text links </a>
<a href="#email">Learn about e-mail addresses </a>Um eine E-Mail-Link zu machen ist sehr einfach. Wenn Sie wollen das Ihnen jemand eine E-Mail sendet, ist das beste was man tun kann, wäre einen Link mit Ihrer E-Mail und einem vorgegebenen Thema zu setzen.
html<a href="mailto:someone@example.com?subject=Questions " >Questions here</a>Falls das Thema nicht ausreicht und Sie dem E-Mail-Inhalt etwas anderes hinzufügen möchten, können Sie es mit Hilfe des nächsten Codes tun:
html<a href="mailto:someone@example.com?subject=Questions&body=Write here if you have questions " >Fragen hier </a>Ein Download Link sieht aus wie ein normaler Link-Text. Das Problem tritt ein, wenn wir ein Foto hinzufügen wollen.Die beste Lösung ist es, ein Thumbnail mit einem Link zu verwenden, aber wir werden in der nächsten Lektion mehr über dieses Problem sprechen.
html<a href="http://www.tutorialehtml.com/htmlT/text.zip">Text dokument</a>Benutzt den <base> Tag im Inneren des <head> Elements um eine Basis-Link zu setzen. Dies ist notwendig, falls Sie irgendwo einen Link haben, der nicht funktioniert oder falls das Ziel nicht mehr existiert.The base link sends the user to the specified address. Normalerweise sendet er den Benutzer auf die Startseite, aber auch alle anderen Seite akzeptiert, am Ende wird eine spezielle Seite in diesem Zweck gemacht.
html<head>
<base href="http://www.tutorialehtml.com/">
</head>