=======Hyperlinks======
Ein wesentlicher Inhalt von HTML-Seiten sind **Hyperlinks**. Mit dem Klick auf einen Hyperlink gelangt man sofort zu einer anderen HTML-Seite oder zu einer Stelle innerhalb derselben HTML-Seite.
Für Links benutzt man der Tag ''%%%%'' (Anchor). Texte die zwischen ''%%%%'' und ''%%%%'' stehen, werden hervorgehoben und können mit der Maus angeklickt werden, wenn ein Linkziel (Eigenschaft ''%%href%%'') angegeben ist, ansonsten wird er nicht angezeigt.
Wir unterscheiden drei Arten von Links:
* **Interne Links** \\ Bei internen Links steht im Anchor-Tag der Zielname hinter dem Zeichen # z.B. ''%%%%''. Das Ziel muss dann in einen weiteren Anchor-Tag auf derselben Seite definiert werden. Dazu verwendet man die Eigenschaft ''%%id%%'' und den Zielnamen gibt man ohne das Zeichen # an, also für unseren Link würde das so aussehen: ''%%%%''.
* **Links auf eine andere HTML-Datei** \\ Bei Links auf eine andere HTML-Datei gibt man bei ''%%href%%'' den Dateinamen an. Die Datei muss dabei im selben Ordner liegen, oder man muss den Pfad zur Datei im Dateisystem mit angeben, also z.B. ''%%%%''.
* **Links auf eine Seite im Internet** \\ Bei Links auf eine Seite im Internet gibt man bei ''%%href%%'' die Adresse (URL) der Seite an, also z.B. ''%%%%''.
Beispiel
Die vielen ''%%
%%''-Tags im Beispiel dienen dazu, dass man die Wirkung des internen Links sieht. Die Datei **first.html** muss im selben Ordner liegen.
Hyperlinks
Hyperlinks
Zum Ende dieser Seite !
Zu meiner ersten HTML - Seite !
Zu Google !
Ende dieser Seite !
=====Erklärvideo=====
{{youtube>EQ91ufbuxXs}}
\\
=====Aufgaben=====
**Aufgabe 1**
Teste das Beispiel!
**Aufgabe 2**
* Kopiere alle bisher von dir erstellten HTML-Dateien in einen Ordner **html**.
* Erstelle in diesem Ordner eine HTML-Datei mit den folgenden Inhalt:
* Am Anfang der Seite sind zwei Links zu Sprungzielen auf der Seite. Bei einem der Sprungziele steht die Überschrift "Meine bisherigen Seiten", beim zweiten steht die Überschrift "Meine Lieblingsseiten" im Internet.
* Unter der ersten Überschrift sollen Links zu einigen Dateien erscheinen, die wir bisher erstellt haben.
* Unter der zweiten Überschrift sollen Links zu mindestens 5 deiner Lieblingsseiten im Internet erscheinen.
* Füge zwischen allen Überschriften viele ''%%
%%''-Tags ein, so dass die Wirkung der internen Links sichtbar wird. (In meinen Bild habe ich dass nicht gemacht, damit die Seite in ihrer Gesamtübersicht sichtbar ist.)
{{ :html:hyperlinks_au2.png?direct&400 |}}
[[html:loesungen:hyperlinks| >> Lösungen]]
[[html:bilder| >> Bilder und Imagemaps]]
\\