Hyperlinks
In diesem Kapitel lernt Ihr
Was sind Hyperlinks und wie erstellt man sie?
Eine der wichtigsten Sachen im Internet sind die Hyperlinks. Man klickt auf einen Textabschnitt oder eine Grafik und landet, dort wo man hin will. Auf anderen Homapages, auf einer Unterseite der eigenen Website oder man kann direkt eine E-Mail an jemanden schicken. Um Hyperlinks in die eigene Site einzubauen benötigt man nur zwei Dinge:
- eine Zieldatei, die geöffnet werden soll
- einen Text oder eine Grafik, auf die man klicken muss um den Link zu aktivieren.
Der grundsätzliche Aufbau eines Hyperlinks sieht so aus: <a href="Hier kommt die Zieladresse hin"></a>
Man darf dabei auf keinen Fall das </a> vergessen, da sonst der Rest des Dokumentes auch verlinkt ist!
Beispiel:
Ihr wollt meine Site verlinken mit dem Text: Hier gehts lang! Dann müsst Ihr folgendes Tag verwenden: <a href="http://www.html-lernen.ag.vu">Hier gehts lang!</a>
Um Euren eigenen Text einzufügen müsst Ihr diesen zwischen die beiden Tags schreiben. Bei meinem Beispiel würde das Ganze so aussehen: Hier gehts lang!
Natürlich könnt Ihr, sofern Ihr auf Unterseiten Eurer eigenen Page verweist auch relative Pfadangaben verwenden.
Wie verlinkt man Grafiken?
Um Bilder als Hyperlinks einzufügen müsst Ihr nur das Bild, statt dem Text für den Link eingeben.
Beispiel:
<a href="http://www.html-lernen.ag.vu"><img src="bilder/banner.JPG" width="468" height="60"></a>
sieht so aus:
Wie stellt man die Farbe eines Hyperlinks ein?
Normalerweise legt der Browser die Farbe eines Links fest. Will man allerdings eine andere, muss man einen bestimmten Code auf seiner Site einbauen. Die Farbe hängt davon ab, ob man einen Link noch nicht benutzt hat, ob er im Moment aktiv ist oder ob er schon einmal verwendet wurde. man kann die farben über folgende Tags steuern:
- Die Farbe des Hyperlinks: link="Farbnummer"
- Die Farbe des aktiven Hyperlinks: alink="Farbnummer"
- Die Farbe des besuchten Hyperlinks: vlink="Farbnummer"
Die Angaben für die Farben muss man im Body-Tag des Dokuments machen!
<body link="#0000FF" alink="#FF0000" vlink="#00FF00">
Was sind Targets und wie erstellt man diese?
Wenn ihr einen Link auf Eurer Site setzt wird dieser meist im selben Fenster geöffnet. Das kann manchmal sehr unvorteilhaft sein, z.B. wenn Ihr auf eine Homepage verweist, die nichts mit Eurer eigenen zu tun hat. Daher ist die Angabe des Attributs target bei Hyperlinks sehr hilfreich. Dort könnt Ihr eingeben, ob die Site im selben Fenster geöffnet werden soll oder ob sie in einem neuen Fenster angezeigt werden soll. Man kann das Ziel auch in einem Frame der eigenen Site anzeigen lassen. Doch mehr dazu in einem anderen Kapitel.
Wollt Ihr eine Site in einem neuem Fenster anzeigen so müsst Ihr Euren Link auf diese Weise erweitern:
<a href="http://www.html-lernen.ag.vu" target="_blank">HTML lernen</a>
Ich habe den Linkmit dem Attribut target="_blank" erweitert. Das Ganze sieht dann auf Eurer Site so aus: HTML lernen
Wie erstellt man Anker?
Kurze Erklärung: Ein Anker ist ein Link auf einer Seite einer Homepage, der auf eine andere Stelle der Seite verweist, z.B. das kleine Inhaltsmenü, dass Ihr ganz oben immer seht.
Es kann manchmal ziemlich nervig sein, wenn man auf einer Site erst lange suchen muss, bevor man gefunden hat, was man sucht. Deswegen gibt es Anker. Mit ihnen kann man direkt auf eine bestimmte Stelle im Text oder auf der Seite springen.
An der Stelle, an der der Anker sein soll muss der Code so aussehen: <a name="target"></a>
Wollt Ihr auf einen Anker verweisen muss der Code so aussehen: <a href="#target">Hier gehts zu den Targets</a>;
In der Praxis sieht das dann so aus: Hier gehts zu den Targets
Wie verlinkt man eine E-Mail-Adresse?
Einen Link zu einer E-Mail-Adresse einzurichten ist genauso einfach wie normale Links zu erstellen. Ihr müsst lediglich statt des Dateinamens mailto:benni3005@freenet.de einfügen. Das Ganze sieht dann so aus:
<a href="mailto:html-lernen@freenet.de">Mailt mir mal</a>
In der Praxis sieht das dann so aus: Mailt mir mal
Wenn Ihr schon dabei seid auf den Link zu klicken könnt Ihr mir auch gleich mal eine Mail schreiben. Ich freu mich immer über Post.
© by Benjamin Hofmann