Verweise - Hyperlinks

Verweise oder Links sind sozusagen das Salz in der Suppe im Internet. Die Struktur meiner Homepage benötigt Verweise, um z.B. von der Homepage zu dieser Seite oder von einer Stelle zu anderen Homepages zu springen. Aber auch innerhalb einer Seite braucht man einen Link zum schnellen Auffinden einer Textstelle oder einem Rückverweis zur Startseite.
Der Aufbau der Verweise ist eigentlich immer gleich, nur werden verschiedene Attribute verwendet. Wichtig ist auch der zum Link gehörige Text, damit man weiß was es mit dem Link auf sich hat und wohin er führt. Ich werde daher den Wortlaut meines Rückverweises zur Startseite verändern. Homepage ist vielleicht verständlicher.
Anmerkung: Wie ihr sicher bemerkt habt, hab ich bereits solche Verweise oder Links auf der Site untergebracht (von der Homepage zu den einzelnen Seiten, den Rückverweis zur Homepage oder die Linkseite) Was ich noch nicht gemacht hab, ist der Verweis auf eine Stelle einer Seite. Das wird weiter unten erklärt.

Um zur Überschrift "Link auf einer HTML Seite" zu kommen, muss man das Ziel nach dem Grundschema eines Links definieren und hier klicken, wobei man vorher einen Anker an diese Ziel-Stelle setzern muss. Als Zielwort (Linkziel) habe ich in diesem Fall "Zielone" gewählt, damit ich, falls ich noch so was mache, dann das nächste Schlüsselwort "Zieltwo" nehmen könnte. Aber "ppwuzild" ist genau so gut. Der Linktext ist hier dann "hier klicken". Der Anker - bei der Überschrift "Link auf einer HTML-Seite" schaut wie folgt aus:

    <a name="Zielone">    <h3><div align="center">Der Link auf einer HTML-Seite</div></h3></a>

Das Grundschema eines Links

Der Aufbau aller Links ist immer gleich.
<a href="[Linkziel]">Linktext</a>
a = anchor = Anker, href = hyper reference = Hyper(text)-Referenz

Der Link auf einer HTML-Seite

Um längere Seiten verwendbarer zu machen kann man Verweise auf bestimmte Stellen innerhalb einer Seite machen; von einem "Inhaltsverzeichnis" springt man dann zu der gewünschten Stelle der Seite.
Dazu dienen zwei Befehle:

1. Befehl um das Verweisziel zu festzulegen
2. Befehl um den Verweis durchzuführen.

Also man geht beim Editieren zu der Stelle, die als Verweisziel vorgesehen ist (meistens Überschriften, wobei auch Grafiken oder Textstellen möglich sind)

Zuerst wird das Ziel angegeben und dann der Erläuterungs-Text.
<a name="Zielpunkt">Verweisziel definieren</a>
a = anchor = Anker
Anmerkung: Als Beispiel kann man im 4. Absatz auf hier klicken drücken.

Ein Bild als Link

Ein Bild als Link: home

Der Befehl dazu lautet:
<a href="index.html"><img SRC="cooltext1196.jpg" height=41 width=223 border="2"></a>

Da fällt mir ein, damit könnte man auch so Thumbnails (kleine Bilder) machen, die dann beim Anklicken in vergrößerter Form dargestellt werden.

weib Der Befehl dazu:
<a href="Pix/weib.jpg" target=_blank><img SRC="Pix/weib.jpg" height=40 width=50 border="0"></a>
Anmerkung: target=_blank bewirkt, dass das Bild in einem neuen Fenster aufgemacht wird.

tochter Meine Tochter.

Der Link zu einem Anker auf einer anderen HTML-Seite

Also, ich will von dieser Seite zu der vorhergehenden genau zur Überschrift "8. Schriftgröße, usw" mit hier klicken kommen.
Fantastisch es funktionier mit <a href="absatz_text.html#Zieltwo">hier klicken</a> Der dort gesetzte Anker wurde gefunden :-))).

Der Link zu einer anderen HTML - Seite

Viele URLs haben keinen sogenannten Default-Dateinamen, wie index.html oder index.htm. Diese Datei gibt es zwar, aber der Browser interpretiert die Adresse auch ohne diese Angabe. Auch meine URL (Universal Resource Identifier), hat keine solche Angabe. Wichtig ist es jedoch, dass die Adresse mit einem abschließenden Schrägstrich endet.
Nun, meinen allerersten Versuch einer Homepage machte ich mit einem von einer Zeitung herausgegeben Programm ohne HTML-Kenntnisse, und wenn ihr dieses Machwerk sehen wollt dann klickt auf alf
Der Befehl dazu lautet:
<a href="http://members.e-media.at/alfxxxx/" target="_blank"><b>> alf</b></a>

Anmerkung: Ähnlich wird auch der Verweis auf eine FTP-Adresse durchgeführt:
<a href="ftp://ftp.uni-wien.de/">FTP-Server Wien</a>

E-Mail-Verweise

Sie können auf jede E-Mail-Adresse im Internet-Format einen Link setzen (siehe auf meiner Homepage). Links zu einer E-Mail-Adresse beginnen mit mailto: (ohne // dahinter!).
Der Befehl dazu: Mail an mich, alfxxxx@yahoo.de
<a href="mailto:alfxxxx@yahoo.de">Mail an mich, alfxxxx@yahoo.de</a>

Man kann aber gleich das E-Mail mit einem vorbestimmten Betreff versehen, also:
Hier könne sie mir Stellungnahmen zu meiner Homepage übermittel:
Stellungnahme zur Homepage
Der Befehl schaut nur ein bisserl anders aus:
<a href="mailto:alfxxxx@yahoo.de?subject=Feedback zu meiner Homepage">Stellungnahme zur Homepage</a>

Download-Verweise

Leider gibt es keinen wirklichen Befehl um Dateien zum Downloaden vorzuschlagen. Lediglich einige bestimmte Dateien, wie etwa eine ZIP-Datei werden vom Browser als Downloaddatei verstanden.
Dokument downloaden
Der dazu notwendige Befehl lautet:
<a href="Neu WinZip-Datei.zip">Dokument downloaden</a>

Sie können auf jede x-beliebige Datei im Internet oder im eigenen Projekt einen Link setzen. Es kann sich um Audio-Dateien, Video-Dateien, Grafikdateien, Textverarbeitungs-Dateien, Programm oder *.mp3-Dateien handeln. Für das HTML stellt das kein Problem dar. Nur, was der Anwender mit den Dateien anfangen kann, bzw. wie er ihren Inhalt korrekt anzeigen oder abspielen lassen kann, das kann unsicher sein. Für den Test hab ich eine kleine MIDI-Datei gespeichert und aufgerufen. Der MS-Explorer fragt dann, ob sie gespeichert werden soll oder gespielt werden soll. Also probieren wir es halt mal mit einer kleinen Nachtmusik


Homepage