Hyperlinks und Anker

1. Hyperlinks und Anker Um schnell zu anderen Seiten springen zu können, oder um auf andere Seiten zu verweisen können Sie Links/Hyperlinks benutzen. Durch einen Klick auf einen Link befördern Sie den Surfer zu anderen Seiten. Ohne Sie wäre das Internet nur eine wahrlose Ansammlung von Dateien und Daten. Links notieren Ein Link besteht immer aus zwei Tags (Start- und Endtag) die um das/die gewünschten Objekt gelegt werden. Diese Objekte können Text, eine oder mehrere Grafiken, andere Elemente, einfach nur Buchstaben und/oder Zeichen sein. Das zu verwendende Element ist das a-Element. Um anzu-geben, auf welche Datei verwiesen werden soll wird das href-Attribut verwendet. Beispiele:Verlinkung auf eine andere Internetseite: <a href="http://www.google.de">Klicke hier</a>Verlinkung auf eine eigene / selbst erstellte Webseite: <a href=„MeineSeite.html">Klicke hier</a>

2. Ziel angeben Wenn sich eine verlinkte Webseite nicht in dem Browser-Fenster öffnen soll, in dem sie aufgerufen wird, kann man mit dem Befehl target angeben in welchem Fenster sie sich öffnen soll. Beispiel: Die Webseite soll sich in einem neuen Fenster öffnen (target=„about blank“): <a href=„http://www.google.de“ target=„about blank“>Klicke hier</a>

3. Anker Anker oder Sprungmarken sind Elemente, die eine Stelle innerhalb einer Datei markieren. Anker werden ebenfalls mit dem a-Element notiert. Allerdings verwendet man hierzu das name-Attribut. Die Funktionsweise stellt sich dabei so dar:Wird auf ein Link geklickt, der auf einen Anker verweist, so springt der Browser nicht nur zu der angegebenen Seite, sondern auch direkt zum angegebenen Anker auf derselben Seite. Dies ist besonders dann nützlich, wenn es sich um größere Seiten z.B. mit viel Text handelt. Der Verweis auf einen Anker wird im href-Attribut notiert, indem man ein # setzt und danach den Namen des Ankers notiert.Ein Link auf einen Anker könnte z.B. so aussehen:<a href="#Ankername">Klick hier</a>Der Anker dazu könnten dann in etwa so aussehen: <a name="Ankername">Textstelle</a>

4. Mail-Links Mail-Links sind Links, bei denen sich automatisch das eingestellte Mailprogramm des Systems öffnet. Sie werden ebenso wie 'normale' Links definiert - einzigster Unterschied bildet die Notation des href-Attributes. Hierbei muss als Wert mailto: sowie eine anschließende E-Mail-Adresse angegeben werden. Die notierte E-Mail Adresse wird dann automatisch in die 'An:'- bzw. 'To:'-Zeile des Mail-Programms übernommen. Beispiel: <a href="mailto:Schule@t-online.de"> Schreiben Sie mir ihre Meinung</a>