Links zu anderen Internet-Quellen

Hyperlinks und Links in HTML erstellen

Erst mit Hilfe von Hyperlinks (Verweisen, Links) wird aus mehreren HTML-Dateien ein Hypertext-Projekt. Mit Verweisen kannst du zum Beispiel ein Menu erzeugen um zwischen deinen HTML-Dokumenten navigieren zu können, oder einen Link zu einer anderen interessanten Website im Internet setzen.

Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head>
<title>Die dritte Lektion</title>
</head>

<body bgcolor="#FFFFFF">
<a href="http://www.lizzynet.de">
http://www.lizzynet.de</a>
oder
<a href="http://www.lizzynet.de">
Die ultimative Girl-Page!</a>
oder
<a href="http://www.lizzynet.de" target="_blank">
LizzyNet im eigenen Fenster, Wahnsinn!</a>
</body>
</html>~

Benenne diese Datei *lektion31.htm*
Öffne diese Datei dann im Browser. So sollte es aussehen (Die Links können je nach Browsereinstellung auch eine andere Farbe haben):

Probier bei deiner HTML-Datei die Links aus. Sie sollten alle funktionieren und zur LizzyNet-Homepage führen.
Hier hast Du also 3 verschiedene Möglichkeiten einen Link auf eine Internet-Adresse zu legen. Schau nochmal in den Quelltext rein.

Die einzelnen Befehle

<a>~
Der Tag <a> eröffnet also ein Link-Befehl (englisch anchor = Anker).
href="http://www.lizzynet.de"~
Im Attribut "href" (englisch hyper reference = Hyper(text)-Referenz) muß die WWW-Adresse reingeschrieben werden. Am besten Du surfst einfach zur gewünschten Adresse und kopierst dir die Adresszeile im Browser.
<a> </a>~
Zwischen <a> und </a> kommt dann der Text, auf den geklickt werden kann, um zum Link zu kommen. Deshalb kannst Du sowohl den exakten Link reinschreiben als auch "Die ultimative Girl-Page!", wie beim zweiten Beispiel.
target="_blank"~
Beim dritten Link geht die LizzyNet-Homepage in einem getrennten Fenster auf. Hierfür benötigst du das Attribut target (Englisch target = Ziel) mit dem Wert "_blank", also "Neues Fenster".