Links

Was ist ein Link?
Der Begriff Link (oder auch Hyperlink) ist relativ einfach zu erklären. Es ist einfach nur eine Verknüpfung zu einer anderen Seite. Links begegnest du im Internet immer und auf (fast?) jeder Webseite. Ein Beispiel für einen Link wäre http://www.lern-online.net/. Wie du einen Link einfügst, erfährst du hier.

Verknüpfung zu einer anderen Homepage
Ist deine Seite beliebt, wird es nicht lange dauern, dass dich ein Administrator einer anderen Homepage fragt, ob ihr nicht eine Linkpartnerschaft haben wollt. Zu gut Deutsch: Er setzt auf seine Seiten einen Link auf deine Homepage und du dafür einen Link auf deiner Seite, der auf seine Seite verweist.
Und schon kommt das Problem: du kennst zwar die Adresse deiner Partnerseite, aber du weißt noch nicht, wie man einen Link setzt. Du kannst zwar jetzt ganz banal einfach nur die URL (also die Adresse) irgendwo hinschreiben, aber ein Besucher müsste dann ein neues Fenster öffnen und danach den Verweis entweder abtippen oder kopieren. Darauf klicken ist jedoch viel einfacher.
Der Tag zum Einfügen eines Links ist eigentlich recht kurz: a. Jedoch braucht er Unterbefehle, damit er funktioniert. Wir wollen jetzt einmal auf die Seite physik.lern-online.net verweisen. Das geht dann so:
<a href="http://physik.lern-online.net">Text, der angezeigt werden soll</a>
Ganz wichtig ist hierbei, dass du das http:// am Anfang der URL nicht vergisst. Warum das so ist erfährst du später. Zuerst zur Erklärung: Das a steht für anchor, also Anker. Das ist evtl. eine kleine Eselsbrücke, um sich das zu merken. Wir "verankern" also den Link auf unserer Seite. Wofür das href steht, weiß ich nicht, aber die vier Buchstaben können wir uns auch so merken. Danach kommt in Anführungszeichen die Adresse des Links. Jetzt schreibst du den Text, der angezeigt werden soll. Meistens wird die Adresse noch einmal hier eingegeben oder es steht einfach Bitte hier klicken. Danach wird der a-Tag geschlossen per /a. Der Link im Beispiel ist jetzt also dieser hier:
Text, der angezeigt werden soll
Wenn man jetzt darauf klickt, kommt man zur Seite physik.lern-online.net.

Weitere Unterbefehle
Der Link oben ist zwar schön und gut, aber er hat noch eine Macke: wenn man auf ihn klickt, verlässt man diese Seite und kommt zur nächsten. Wäre es nicht besser, wenn man ein neues Fenster öffnen könnte und dort sich den Link öffnen ließe? Aber sicher! Und genau das geht auch. Dazu nutzen wir den Unterbefehl target, also Ziel.
Im target-Befehl legen wir fest, wo ein Link geöffnet wird. Es gibt 4 Möglichkeiten, aber wir gehen vorerst nur auf 2 davon ein. Hier sind sie:
_self
_top
_blank
_parent
Das Attribut _self öffnet einen Link in dem Fenster, in dem er gerade ist. Da wir noch keine anderen haben, ist dieser noch etwas nutzlos für uns. Wir wollen vorerst einen Link in einem neuen Fenster öffnen. Dazu nutzen wir _blank. Dieses Attribut setzen wir einfach in Anführungszeichen (auch wenn es ohne geht) und legen fest, dass es sich um das Attribut von target handelt. Also sieht unser Beispiel jetzt so aus:
<a href="http://physik.lern-online.net" target="_blank" rel="noopener">Text</a>
Jetzt wird der Link in einem eigenen Fenster geöffnet, und unsere eigene Seite bleibt erhalten.

Verweis auf eigene Unterseiten
Man kann natürlich auch auf eigene Unterseiten verweisen. Wenn du z.B. in der Datei index.htm bist, und du willst in die Datei links.htm verweisen, reicht es aus, wenn du schreibst:
<a href="links.htm">Links</a>
So sparst du Zeit und Speicherplatz. Du kennst das aber sicher noch aus dem vorangegangenen Kapitel über Bilder. Hier gilt genau das selbe. Auch der Eintrag ../ um in den vorherigen Ordner zu verweisen, ist möglich. Und jetzt kennst du auch den Grund, warum es wichtig ist, dass http:// vorzustellen, wenn du auf eine andere Homepage verweist. Ohne das http:// nimmt der Browser an, dass sich die Datei auf dem eigenen Server befindet. Mit http:// nimmt er es nicht an.