Einfügen eines Links in HTML, eines Tags und seiner Attribute

  1. Link-Tag <a> und seine Attribute
  2. Wie erstelle ich einen Link zum Herunterladen der Datei?
  3. Relative und absolute Links, ihr Unterschied

Hallo, liebe Leser der Seite Uspei.com. In dieser kurzen Lektion haben wir Zeit, die Technologie zum Erstellen von Links zu erlernen. Um einen Link in HTML einzufügen, bewegen wir uns in den Code von unserer Seite und suchen Sie den Text "http://www.howtocorp.com/typepilot". Ich habe 73 Belegzeilen. Sie können diese Datei mit unserem öffnen Texteditor Notepad ++ .

Zurück zum Index ↑

Link-Tag <a> und seine Attribute

Öffnen Sie jetzt vor diesem Text das <a> -Tag, mit dem der Link erstellt wird. Dies ist ein Paar-Tag, daher müssen wir das Tag an der Stelle schließen, an der der Link mit uns endet.

<a> http://www.howtocorp.com/typepilot </a>

Jetzt müssen wir die Attribute für das <a> -Tag registrieren, da der Browser ohne sie nicht versteht, was er mit unserem Link tun soll. Registrieren Sie das erste erforderliche Attribut für den Link - href . Dies ist das Hauptattribut für den Link. Es zeigt an, wohin dieser Link führt. In unserem Fall führt der Link zur Website http://www.howtocorp.com/typepilot. Daher schreiben wir es für das Attribut href vor.

<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>

Nun wollen wir sehen, was wir im Browser gemacht haben.

Wie wir sehen können, hat sich der Text in einen Link verwandelt. Wenn Sie auf diesen Link klicken, wird eine völlig andere Seite geladen. Und es wird geladen, aufgepasst, statt unserer Seite! Es ist nicht immer bequem, weil Sie können einen Besucher verlieren, der dem Link zu einer anderen Site folgt. Daher gibt es für Links ein Zielattribut . Wenn dieser Link in einem neuen Fenster geöffnet werden soll, müssen wir den Wert für _ leer setzen .

<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>

So sieht der Code unseres Links aus. Und wenn wir unsere Seite im Browser aktualisieren, sehen wir, dass durch Klicken auf den Link unsere Seite geöffnet bleibt und die Seite auf dem Link in einem anderen Tab oder Fenster geöffnet wird.

Ein weiteres Attribut für den Link ist das Universal Title- Attribut, das für fast alle Tags verwendet werden kann. Dieses Attribut ist für den Hinweis verantwortlich. Oft muss der Benutzer gefragt werden, wohin dieser Link führt. Der Tipp sollte auftauchen, wenn Sie mit der Maus über den Link fahren. Setzen wir dieses Attribut für unseren Link.

<a href=eshttp://www.howtocorp.com/typepilot “target= ”_blank bezaubernder Titel=tР typeРёР"РРёР type Pilotina> http://www.howtocorp.com/typepilot </a>

Jetzt werden wir speichern und überprüfen, ob wir im Browser ausgestellt sind. Wir haben also einen Hinweis, wenn Sie den Mauszeiger über den Link bewegen.

Zurück zum Index ↑

Wie erstelle ich einen Link zum Herunterladen der Datei?

Und jetzt lernen wir, wie wir Links erstellen, mit denen wir Dateien herunterladen können. Dafür brauchen wir eine Datei. Sie können diese Datei beispielsweise herunterladen. Wenn die Datei nicht heruntergeladen und auf einer neuen Registerkarte geöffnet wurde, klicken Sie mit der rechten Maustaste und klicken Sie auf "Speichern unter".


Link zu time.pdf

Lassen Sie uns den unteren Link ausführen, um diesen Artikel im PDF-Format herunterzuladen. Aber zuerst erstellen wir ein separates Verzeichnis für unsere Dateien und nennen es Dateien . In diesem Ordner legen wir unsere Datei time.pdf ab.

Öffnen Sie danach unsere Datei mit dem Code und erstellen Sie ganz unten, bevor Sie das <body> -Tag schließen, einen Absatz:

<p> Laden Sie diesen Artikel im PDF-Format herunter </ p>

Lassen Sie uns unsere Datei speichern und prüfen, ob ein Absatz erschienen ist.

Ein Absatz ist erschienen, und jetzt ist es unsere Aufgabe, aus diesem Absatz einen Link zum Dateidownload zu machen. Dazu fügen wir einen Absatz in das <a> -Tag ein. Für ein Tag schreiben wir das Attribut href und für dieses Attribut keinen Link zur Seite vor, sondern einen Link zu einer bestimmten Datei.

<p> <a href="files/time.pdf services> Laden Sie diesen Artikel im PDF-Format herunter </a> </ p>

Wenn wir nun unsere Datei speichern und ihre Arbeit im Browser überprüfen, werden wir mit dem Herunterladen der Datei beginnen, wenn wir auf den Link klicken.

Zurück zum Index ↑

Relative und absolute Links, ihr Unterschied

Es ist zu beachten, dass wir in diesem Fall einen relativen Link angegeben haben, d.h. Der Link, den wir haben, ist relativ zum Dokument index.html.

Lassen Sie uns nun ein Beispiel für einen absoluten Link geben. Ich möchte Sie daran erinnern, dass mit einem solchen Link der Pfad ab dem Beginn der Website vollständig angegeben wird. Beispiel:

<a href="http://www.howtocorp.com/typepilot> Klicken Sie hier </a>

In diesem Link wird der Pfad beginnend mit dem Site-Namen gefolgt vom Ordner angegeben. Durch Klicken auf diesen Link wird die index.html-Datei geladen, die sich auf dieser Site befindet. In diesem Fall war es natürlich möglich, eine bestimmte Seite nach dem Ordnernamen anzugeben. Wichtig ist, dass der absolute Link mit der Site beginnt und den vollständigen Pfad zur Datei oder zum Ordner angibt.

Daher haben wir den Prozess des Erstellens von Links im HTML-Dokument überprüft, uns mit den Attributen für das <a> -Tag befasst und auch gelernt, wie Sie Links nicht nur zu anderen Seiten erstellen, sondern auch eine bestimmte Datei herunterladen. Ein wenig später werden wir diskutieren wie man Links benutzt, um deine Seite nach oben zu bringen .



Auf Wiedersehen! Mach alles und immer auf den Seiten des Blogs Uspei.com

Helfen Sie dem Projekt - abonnieren Sie unseren Yandex.DZen-Kanal!