Links (Hyperlinks) in HTML erstellen und einfügen, Inhalte verlinken
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, dass der Besucher den Link als Link erkennt!
Syntax:
Externe Website aufrufen
<a href=“http://www.externewebsite.de“>Externe Website aufrufen</a>
interne Seite aufrufen
<a href=“interne.html“>Externe Website aufrufen</a>
HTML Referenz als PDF
<a href=“Pdf/PDF-Datei-f-links.pdf“>PDF-Datei</a>
Email-Client aufrufen mittels Protokol
<a href=“mailto:kontakt@spam-mich.tod“>E-Mail</a>
Startseite aufrufen
<a href=“index.html“><img src="Images/Home.png"></a>
Sprungmarken
Startüberschrift
<h1 id="zumSeitenanfang">Startüberschrift</h1>viel viel Inhalt
Diese Zeile gehört zum Content
Damit der Effekt sichtbar wird, muss gescrollt werden!
<a href="#zumSeitenanfang">Sprung zum Anfang</a>Hyperlinks Vertiefung
Beispiel für einen Verweis
<a href="Res/Private/Html/menu.html" target=“_self“>Zur Übersicht</a>
Das a-Element (von englisch: anchor, Verbindung, Verknüpfung) liefert nun einen Verweis (Referenz) auf die Zieldatei menu.html, die nach dem Klicken aufgerufen wird. „Html“ gibt das Unterverzeichnis an, in dem die Datei liegt.
Innerhalb der spitzen Klammern des Start-Tags gibt es ein href-Attribut (englisch: hyper reference = Hyper[text]-Referenz).
Als Wert erhält es die URL, die „Adresse“ der Datei, zu der man beim Anklicken gelangen soll.
Mit „target“ geben wir an, wie die Seite geöffnet werden soll.
_self = im selben Fenster
_blank und _new = es öffnet sich ein neues Fenster bzw. ein neuer Reiter