• Home
  • Tutorials
  • Impressum
  • HTML lernen
    • Einführung in HTML
    • Kommentare und Überschriften
    • Horizontale Linien und Absätze
    • Zeilenumbrüche und Leerzeilen
    • Formatierung mit CSS
    • Aufzählungslisten
    • Tabellen
    • Struktur mit DIV und SPAN
    • Bilder
    • Links
    • Formulare
    • Erweiterte Formulare
    • HTML Editor
    • HTML Tooltipps
    • Nochmehr Tools
  • PHP Tutorial
  • TYPO3 Tutorial
  • Ajax Tutorial
  • Eclipse Workshop
  • Suchmaschinenoptimierung
  • Apache Solr

Links einfügen

Links sind das, was das Internet eigentlich ausmacht. Durch Links kann man auf andere Seiten verweisen, und ermöglicht dem Benutzer einen Sprung, von einer Seite zur nächsten Seite.

Doch wie erstellen wir einen solchen Link?

Ganz einfach, mit dem a Tag:

<a href="test2.htm">Linktext</a>

Dieser Link verweist auf auf die HTML Seite test2.htm, also einer weiteren Seite von dir. Manchmal möchtest du aber auch auf andere Seiten im Internet veweisen. Sehr wahrscheinlich willst du einen Link zu uns auf admin-wissen.de setzen. Für solche Fälle kann man als Linkziel die URL der Seite angeben auf die man Verweisen möchte.

Ein Beispiel:

<a href="http://www.admin-wissen.de">Meine lieblings Computerseite</a>

Diese einfachen Links haben einen unangenehmen Nebeneffekt, die Seite auf die du verweist wird im selben Fenster geöffnet wie deine Seite. Dadurch verlässt der Besucher deine Seite.

Es gibt eine Lösung für dieses Problem. Der Linktag hat als Attribut ein Zielfenster eines Links. Dieses Attribut heisst "target", dort wird der Name des Zielfensters eingegeben.

Wie heisst neue nicht geöffnete Fester eigentlich, wirst du dich jetzt vielleicht Fragen.

Die Lösung hierfür ist, einfach einen Namen einzusetzen den es nicht gibt.

<a href="http://www.admin-wissen.de" target="gibtsnet">
   Meine lieblings Computerseite
</a>

Würde die Seite also in einem neuen Fenster öffnen. Hierbei hat sich aber eingebürgert, als target "_new" zu nehmen.

Besser wäre also:

<a href="http://www.admin-wissen.de" target="_new"> 
   Meine lieblings Computerseite 
</a>

Bilder als Link

Natürlich kann man mehrere Tags, wie fast immer in HTML, kombinieren und verschachteln. So können wir auch ein Bild als Link benutzen.

Wir müssen ganz einfach um unseren Bilder Tag einen Link Tag herumsetzen:

<a href="http://www.admin-wissen.de" target="_new">
   <img src="tolltseite.gif"/>
</a>

Jetzt kannst du schon Links auf andere Seiten setzen. Aber was ist, wenn man einen Link zu einer bestimmten Stelle in einem Text setzen möchte?

Anker Links

Manchmal möchten wir im Text einer Seite auf eine ganz bestimmte Stelle verweisen. Zu diesem Zweck gibt es in HTML Anker Links.

Um auf einen Ankerlink zuverweisen, muss man erstmal an der Zielstelle einen Anker setzen. Das machen wir mit dem folgenden Tag:

<a name="MeinAnker">Anker Inhalt</a>

Veweisen tuen wir auf diesen Anker mit folgendem Tag:

<a href="#MeinAnker">Linktext</a>

oder von einer anderen Seite mit:

<a href="seite.htm#MeinAnker">Linktext</a>
gehostet auf einem Greatnet Rootserver