Verknüpfungen erzeugen im HTML
Alles über das <a>-Tag
Der richtige Spaß beginnt erst, wenn Sie lernen, wie man Hypertext-Verknüpfungen herstellt und wie Sie all Ihre Dokumente mit dem Web verbinden, und in diesem Kapitel werden Sie genau das lernen.
Wie verweise ich auf andere Seiten Ihrer lokalen Plattform und verwende dabei relative und absolute Pfadnamen?
- wie Sie mit URLs Verbindungen zu anderen Seiten im Web erzeugen,
- wie Sie Verknüpfungen und Anker einsetzen, um zu spezifischen Stellen innerhalb der Seiten zu führen,
- alles über URLs: die verschiedenen Bestandteile der URL und die Arten von URLs, die sie verwenden können.
Verknüpfungen erzeugen
Um eine Verknüpfung (eine Verbindung mit einem anderen Dokument) in HTML zu erzeugen, brauchen Sie zwei Dinge:
- den Namen der Datei (oder die URL der Datei), mit der Sie eine Verbindung herstellen wollen,
- einen Text, der als Fixpunkt dienen kann - das heißt den Text, der vom Browser optisch hervorgehoben wird und den Ihre Leser anwählen, um der Verbindung zu folgen.
Nur das zweite Element ist in Ihrem Dokument tatsächlich sichtbar. Wenn Ihre Leser den Text auswählen, der auf eine Verknüpfung deutet, dann verwendet der Browser das erste Element, um zu dem angegebenen Dokument zu "springen".
Das Verknüpfungs-Tag: <a>
Um in einem HTML-Dokument eine Verknüpfung zu erzeugen, benutzen Sie die HTML-Verknüpfungs-Tags <a> ... </a>. Die <a>-Kennung wird häufig auch Anker-Kennung genannt, da sie auch verwendet werden kann, um Anker für Verknüpfungen zu erzeugen. (Sie werden später in diesem Kapitel mehr über die Erzeugung von Ankern lernen.) Die gebräuchlichste Verwendung des Verknüpfungs-Tag ist jedoch, Verbindungen mit anderen Dokumenten zu erzeugen.
Anders als die einfachen Tags, die Sie kennen gelernt haben, besitzt die <a>-Kennung einige zusätzliche Merkmale: Die einleitende Kennung, <a> enthält sowohl den Namen der Kennung ("A") als auch zusätzliche Angaben zu der Verknüpfung selbst. Die zusätzlichen Merkmale werden "Attribute" der Kennung genannt. Die einleitende Kennung enthält also nicht nur den Namen in spitzen Klammern, sondern sie sieht ungefähr so aus:
<a name="up" href="/index.html" title="HTML-Lernen - Grundlagen und Tutorials">
Die zusätzlichen Attribute (in diesem Fall name, href und title) beschreiben die Verbindung selbst. Das Attribut, das Sie wahrscheinlich am häufigsten verwenden werden, ist das href-Attribut, eine Kurzform von "Hypertext REFerence". href wird verwendet, um den Namen oder die URL der Datei zu bezeichnen, auf die diese Verknüpfung verweist.
Wie die meisten HTML-Tags hat auch das Verknüpfungs-Tag eine abschließende Kennung: </a>. Der gesamte Text, der sich zwischen der einleitenden und der abschließenden Kennung befindet, wird als Link angesehen und hervorgehoben, unterstrichen oder farbig (blau bzw. rot) dargestellt, wenn die Webseite angezeigt wird. Das ist der Text, den Sie oder Ihre Leser anklicken (oder bei Browsern, die keine Maus unterstützen, auswählen), um zu jenem Dokument zu springen, das durch das href-Attribut angegeben wurde.
Das folgende Beispiel zeigt eine einfache Verknüpfung und wie sie in Safari aussieht.
Zurück zur <a href="/index.html"> Startseite </a>
