Bevor Sie einen Link in HTML erstellen, müssen Siezu verstehen, was es ist und welche Arten von ihnen sind. Jeder Link beginnt mit dem <a> -Tag und endet mit dem </a> -Tag. Dem Benutzer wird nur angezeigt, was sich zwischen diesen Tags befindet. Der Browser zeigt den Link selbst nicht an. Es wird beim Schweben in der Statusleiste angezeigt.
Alle Links können nach verschiedenen Kriterien und Typen unterteilt werden. Zum Beispiel können Links nach Zweck unterteilt werden:
- innerhalb des Dokuments;
- zu einer anderen Webseite;
- zu verschiedenen Dateien;
- an Postanschriften.
Außerdem können der 2. und 3. Punkt in absolute und relative Adressen unterteilt werden. Dazu später mehr. Betrachten wir jetzt den einfachsten Fall.
Wie erstelle ich einen Link in HTML? Dazu können Sie den Editor oder einen anderen Editor öffnen und den obigen Code neu schreiben.
Das Ergebnis ist das folgende.
Woraus besteht der Link?
Denken Sie daran, dass jeder Link Folgendes haben muss:
- Tags öffnen und schließen;
- Link Text;
- das href-Attribut, das die URL angibt, an die der Benutzer geleitet wird.
Wie Sie sehen können, lautet der Link im ersten Bild pages / about.html. Dies ist ein relativer Link. Im obigen Bild beginnt der Link mit http: //. In diesem Fall wird eine absolute Referenz verwendet.
Wenn Sie kein schließendes Tag angeben, dann allesDas Folgende wird auch eine Fortsetzung dieses Links sein. Seien Sie vorsichtig. Fügen Sie beim Schreiben Ihres Codes sofort die öffnenden und schließenden Tags ein. Auf diese Weise ist es sicherer.
Wie mache ich ein Bild zu einem Link in HTML?
Anstelle von Text in Tags <a> ... </a> können Sie Bilder angeben. Das heißt, wenn der Benutzer auf das Bild klickt, folgt er Ihrem Link.
Diese Methode wird sehr oft angewendet. Besonders auf den Menüs an schönen Orten. Layoutdesigner überlegen immer, wie sie eine Verknüpfung zu einer Seite in HTML herstellen können, bevor sie ein Drahtgitterdesign erstellen. Genauer gesagt, in welcher Form alles zu tun ist. Alle Methoden, die der Webmaster besitzt, werden verwendet. Betrachten wir das Design etwas weiter.
Wie verlinke ich eine Datei in HTML?
Links zu Dateien können im href-Attribut angegeben werden. Dies geschieht normalerweise, wenn ein Link zum Herunterladen einer Datei angezeigt wird (Archiv, Film, Musik, Buch, Textdatei usw.).
Mit anderen Worten, Sie können alles in der Adresse angeben. Wenn es sich nicht um eine Webseite handelt, versucht der Browser, sie herunterzuladen.
Links innerhalb der Seite
Sicher haben Sie mindestens einmal besucht"Wikipedia". Es gibt den Inhalt des Artikels. Wenn Sie auf ein Element klicken, gelangen Sie zum entsprechenden Untertitel. Solche Links werden als Links innerhalb eines Dokuments oder von Lesezeichen bezeichnet.
Wie verlinke ich innerhalb einer Seite in HTML?
Alles ist sehr einfach. Wir kennzeichnen Links im Text mit dem Attribut <a>, geben jedoch keine href an. Sie müssen das Namensattribut schreiben und einen eindeutigen Namen im Dokument festlegen. Und an der Stelle, an der Sie Links zu diesen Notizen im Dokument angeben, schreiben wir im href-Attribut zuerst einen Hash und dann diesen eindeutigen Namen.
Sobald der Browser das Symbol # in der Adresse sieht, versteht er, dass auf ein Element im selben Dokument verwiesen werden muss.
E-Mail-Links
Manchmal müssen Sie einen Link zu Ihrer E-Mail angeben. Das kann so gemacht werden.
Nach dem Klicken auf diesen Link wird der BenutzerDie E-Mail-Verwaltungsanwendung wird geöffnet. Dies ist normalerweise Standard-Outlook. Dieses Programm wird jedoch normalerweise von niemandem konfiguriert. Daher wird die E-Mail-Adresse normalerweise einfach im Text angegeben.
Attribute
Wenn Sie herausgefunden haben, wie ein Link in HTML erstellt wird, wird empfohlen, die verbleibenden Attribute des <a> -Tags zu untersuchen. Dies ist eine sehr wichtige Information. Betrachten wir die grundlegendsten:
- Das title-Attribut - Erstellt einen Tooltip, wenn Sie den Mauszeiger über einen Link bewegen. Es ist sehr praktisch. Auf diese Weise können Sie dem Benutzer zusätzliche Informationen bereitstellen.
- Das Zielattribut ist, wo das neue Dokument (Webseite) geladen wird. Es kann folgende Werte haben:
- _blank - ein neues Browserfenster wird geöffnet;
- _self - wird im aktuellen Fenster geöffnet. Dies ist der Standardwert. Es ist nicht erforderlich, ihn anzugeben.
- _parent - Wird in den übergeordneten Frame geladen. Wenn keine vorhanden sind, nimmt das Attribut den Wert _self an.
- _top - Alle Frames abbrechen und die Seite auf die volle Browsergröße laden. Wenn es keine Frames gibt, gibt es eine Analogie zu _self.
- Attribut herunterladen.Dank dessen können Sie den Download der im href-Attribut angegebenen Datei erzwingen. Dieser Parameter hat keinen Wert. Wir geben lediglich <a download href="img/photo.jpg"> Link zur Datei </a> an. Wenn Sie nicht angeben herunterladen, dann öffnet der Browser einfach das Foto. In diesem Fall wird der Download auf Ihren Computer gestartet.
Link Design
Wenn Sie herausgefunden haben, wie Sie aus einem Bild einen Link machen könnenHTML ist es ratsam, auch sicherzustellen, dass es normal aussieht. Standardmäßig wird ein Rahmen um das Bild angezeigt, bei dem es sich um einen Link handelt. Sie sieht unhöflich und hässlich aus. Da seine Dicke 3 Pixel beträgt.
Um dies zu vermeiden, müssen Sie border = "0" angeben. Das heißt, die Grenze ist gleich Null. Ein solcher Link vom Bild wird schön und akzeptabel aussehen. Andernfalls werden Sie alle Website-Besucher erschrecken.
Fazit
Links sind auf den ersten Blick ein sehr einfaches Tag. Wenn Sie jedoch tiefer eintauchen und alle Arten von Links und Attributen berücksichtigen, stellt sich heraus, dass nicht alles so einfach und wolkenlos ist.
Denken Sie daran, Links sind das Rückgrat des World Wide Web. Ohne sie würde es nicht existieren.
