Links (Hyperlinks) in HTML erstellen, Inhalte verlinken

Meistens blau und meistens unterstrichen: ich bin ein Link - klick mich an und du bekommst neuen Inhalt angezeigt. Links sind das Salz in der Suppe des WWW!

Durch Links wurde das WWW so groß und erfolgreich und mit ganz vielen blau unterstrichenen Bereichen versehen. Links (korrekt Hyperlinks, aber zu lang, um jedes Mal auszuschreiben :) verweisen auf andere Seiten oder haben andere Aktionen, die dadurch gestartet werden.

Warum im ersten Satz meistens blau und meistens unterstrichen steht liegt daran, dass man das Design des Links über CSS ändern kann. Dann wird aus dem blau die Wunschfarbe des Designers und die Unterstreichung kann auch geändert werden. Wichtig ist, daß der Besucher den Link als Link erkennt!

mehrere Arten von Links

Es gibt mehrere Arten von Links, bzw. mehrere Möglichkeiten, welche Funktion ein Link hat:

  • interne Links: Verweise innerhalb der Website auf Unterseiten
  • externe Links: Links auf andere Seiten im Internet
  • Links mit anderen Funktionen: z.B. mit E-Mail-Funktion oder öffnen von Dokumenten wie PDF

Dabei kann das Aussehen der Links sehr verschieden sein. Normalerweise werden diese als Text daherkommen, andererseits sind Links aber auch als Grafiken möglich. Vorerst wird das Prinzip des Links anhand von Text-Links innerhalb der eigenen Website erklärt.

Im ersten Schritt wird der Aufbau von Dateinamen angesehen, um möglichst wenige Probleme zu bekommen. Ja, da kann es Probleme geben und fatalerweise merkt man es teilweise selber nicht!

Dann schauen wir uns externe Links an und wie am besten auf andere Websites verlinkt werden kann.

Mit dem Wissen bauen wir unsere erste Steuerung innerhalb der Website.