Verweise und Referenzen in HTML-Dateien


Verweise innerhalb einer HTML-Datei

Sie können von jeder beliebigen Stelle in einer HTML-Datei zu einer anderen beliebigen Stelle innerhalb der gleichen Datei einen Verweis setzen. Dazu brauchen Sie zwei Befehle:

Beispiel:

  <a name="Zieldef"><h3>Verweisziel definieren</h3></a>
Die Definition eines Verweisziels beginnt mit <a name=. Hinter dem Istgleichzeichen vergeben Sie einen dateiweit eindeutigen Namen für das Verweisziel (im Beispiel: "Zieldef"). Vergeben Sie keine zu langen Namen. Namen dürfen keine Leerzeichen und keine deutschen Umlaute enthalten. Benutzen Sie als Sonderzeichen höchstens den Unterstrich "_". Der Name des Verweisziels muß in Anführungszeichen stehen. Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, zu dem der Verweis führen soll. Im Beispiel ist das eine Überschrift 3. Ordnung "Verweisziel definieren". Dahinter wird das abschließende Tag </a> notiert.

Verweis zu definiertem Verweisziel setzen

Gehen Sie beim Editieren an die Stelle, wo der Verweis stehen soll.

Beispiel:

  Erst müssen Sie ein <a href="#Zieldef">Ziel für Verweise definieren</a>
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie den Verweiszielnamen an (im Beispiel: "Zieldef"). Der Name des Verweisziels muß in Anführungszeichen stehen und ein # vorangestellt bekommen. Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "Ziel für Verweise definieren". Dahinter wird das abschließende Tag </a> notiert.


Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien

Verweise zu anderen HTML-Dateien auf dem lokalen Rechner/Server

Sie können von jeder beliebigen Stelle in einer HTML-Datei auf eine andere HTML-Datei einen Verweis setzen.

Verweis auf Datei im gleichen Verzeichnis

Dies ist die einfachste Form eines Verweises zu einer anderen Datei.

Beispiele:

  Dies ist ein <a href="nachbar.htm">Verweis zur Datei NACHBAR.HTM</a>

  Dies ist ein <a href="nachbar.htm#zieldef">Verweis zur Datei NACHBAR.HTM</a>
  (und zwar zum Verweisziel "zieldef" innerhalb der Datei NACHBAR.HTM)
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie den Namen der Datei an, auf die verwiesen wird (im Beispiel: "nachbar.htm"). Der Dateiname muß in Anführungszeichen stehen. Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "Verweis zur Datei NACHBAR.HTM". Dahinter wird das abschließende Tag </a> notiert.

Im zweiten Beispiel wird auf ein Verweisziel innerhalb der anderen Datei verwiesen. Das Verweisziel muß in der entsprechenden Datei definiert sein.

Verweis auf Datei in einem anderen Verzeichnis

Hierbei gibt es zwei Möglichkeiten:

Beispiele für relative Pfadnamen:

  Dies ist ein <a href="../tagebuch/Juni95.htm">Verweis mit relativer Pfadangabe</a>

  Dies ist ein <a href="../tagebuch/Juni95.htm#tag11">Verweis mit relativer Pfadangabe</a>
  (und zwar zu einem Verweisziel innerhalb der Datei)
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie den relativen Pfadnamen und den Namen der Datei an, auf die verwiesen wird (im Beispiel: "../tagebuch/Juni95.htm"). Pfad- und Dateiname müssen in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" (auch, wenn der lokale Rechner ein DOS-Rechner ist).
Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "Verweis mit relativer Pfadangabe". Dahinter wird das abschließende Tag </a> notiert.

Im zweiten Beispiel wird auf ein Verweisziel innerhalb der anderen Datei verwiesen. Das Verweisziel muß in der entsprechenden Datei definiert sein.

Beispiele für absolute Pfadnamen:

  <a href="file://localhost/c:/hypertex/jump.htm">Verweis mit absoluter Pfadangabe</a>

  <a href="file://localhost/c:/hypertex/jump.htm#verweis_1">Verweis zu einer Stelle in der Datei</a>
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie an: Die gesamte Angabe muß in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" (auch, wenn der lokale Rechner ein DOS-Rechner ist).
Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "Verweis mit absoluter Pfadangabe". Dahinter wird das abschließende Tag </a> notiert.

Im zweiten Beispiel wird auf ein Verweisziel innerhalb der anderen Datei verwiesen. Das Verweisziel muß in der entsprechenden Datei definiert sein.


Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien

Verweise zu HTML-Dateien auf fernen Rechnern/Servern

Sie können Verweise zu jeder beliebigen HTML-Datei im World Wide Web setzen. Voraussetzung ist, daß Sie neben dem Dateinamen die genaue Adresse des Server-Rechners kennen sowie den Pfadnamen der Datei auf diesem Server-Rechner.

Beispiel:

  <a href="http://www.utirc.utoronto.ca/HTMLdocs/NewHTML/intro.html">HTML Manual</a> 
  (Verweis zu einer englischsprachigen Einführung in HTML)
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie an: Die gesamte Angabe muß in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" .
Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "HTML Manual". Dahinter wird das abschließende Tag </a> notiert.


Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien

Verweistypen / URLs

Sie können nicht nur Verweise auf andere HTML-Dateien setzen, sondern auf alles, was im Internet irgendwie adressierbar ist. Das können z.B. andere Dateitypen sein, Newsgroups (Nachrichtengruppen, die Pinwände im Internet) oder Personen mit Internet-Zugang (bzw. e-mail-Adresse). Solch ein adressierbares "Objekt" im Internet nennt man URL (Uniform Resource Locator).

Bei allem, was keine HTML-Datei ist, muß der WWW-Browser natürlich wissen, was er überhaupt damit anfangen soll. Eine Person kann man z.B. nicht in HTML-Form am Bildschirm anzeigen, aber man kann ihr eine e-mail schicken. Eine gepackte Archivdatei mit Software am Bildschirm anzuzeigen ist auch keine Freude, aber solch eine Datei kann man z.B. auf den eigenen Rechner downloaden.

Um dem WWW-Browser mitzuteilen, was er mit dem im Verweis adressierten Objekt anfangen soll, gibt es folgende standardisierte Verweistypen:

http://
Das Ziel des Verweises ist eine Datei auf einem WWW-Server. Der WWW-Browser zeigt die Datei am Bildschirm an, wenn es eine HTML-Datei ist.
file://
Das Ziel des Verweises ist eine beliebige Datei. Wenn es eine HTML-Datei ist, wird sie am Bildschirm angezeigt. Wenn es ein anderer Dateityp ist, geschieht das, was im WWW-Browser für diesen Fall eingestellt ist. Es kann z.B. ein Programm gestartet werden, daß diesen Dateityp verarbeitet, oder die Datei kann einfach auf den lokalen Rechner downgeloaded werden.
ftp://
Das Ziel des Verweises ist eine beliebige Datei. Die Datei wird auf den lokalen Rechner downgeloaded.
news://
Das Ziel des Verweises ist eine Newsgroup (Nachrichtengruppe im Internet). Der WWW-Browser zeigt, sofern er dazu in der Lage ist, die vorhandenen Nachrichten der Newsgroup an.
mailto://
Das Ziel des Verweises ist eine e-mail-Adresse. Der WWW-Browser zeigt, sofern er dazu in der Lage ist, eine Dialogbox an, in der der Anwender an die Adresse, auf die verwiesen wird, eine e-mail verfassen und abschicken kann.
telnet://
Das Ziel des Verweises ist ein Telnet-Server.
gopher://
Das Ziel des Verweises ist ein Gopher-Server. Gopher war das verbreitetste Informationssuchsystem im Internet, bevor das WWW geboren war.

Beispiele für Verweise:

  Schreiben Sie an: <a href="mailto:helmut.kohl@01plenum.cdu.org">Helmut Kohl</a>
Dieser Verweis vom Typ "mailto" bewirkt, daß der Anwender beim Klicken auf den Verweis eine Dialogbox angezeigt bekommt, in der er Helmut Kohl eine e-mail schicken kann. Die e-mail-Adresse ist übrigens echt!
  <a href="ftp://lal.cs.byu.edu/pub/www/tools/htmlwrit.zip">Download:  HTML Writer für  MS Windows</a>
Dieser Verweis vom Typ "ftp" bewirkt, daß der Anwender mit dem Anklicken des Verweises den Download der Datei "htmlwrit.zip" auf den eigenen Rechner startet. Der Verweis ist echt!
  <a href="file://localhost/windows/progman.hlp">Windows-Hilfe zum Programm-Manager</a>
Dieser Verweis vom Typ "file" ruft die Datei PROGMAN.HLP auf dem lokalen Rechner auf. Es handelt sich um die Windows-Hilfe zum Programm-Manager. Wenn dem WWW-Browser eine entsprechende Verknüpfung von .HLP-Dateien mit dem Programm WINHELP.EXE bekannt ist, wird die Hilfe mit dem Klicken auf den Verweis gestartet.
Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien

Grafiken einbinden

Grafiken werden in HTML-Dateien per Referenz eingebunden, d.h. mit einem speziellen Verweis auf die entsprechende Grafikdatei.

Unter grafischen Benutzeroberflächen wie MS-Windows können WWW-Browser die referenzierten Grafiken direkt im Anzeigefenster anzeigen. Unterstützt werden dabei meistens die beiden Dateiformate GIF und JPG. WWW-Browser für textorientierte Oberflächen (z.B. DOS-Textmodus) müssen einen separates Grafik-Betrachtungsprogramm aufrufen, um eine Grafik anzuzeigen. Aber auch unter grafischen Oberflächen muß ein separates Programm aufgerufen werden, wenn der Browser das Dateiformat der Grafik nicht unterstützt. Am besten ist es daher, wenn Sie alle Grafiken, die Sie in Ihre HTML-Dateien einbinden wollen, vorher als GIF- oder JPG-Dateien erstellen. Grafiken, die in anderen Formaten vorliegen (z.B. BMP, PCX, DRW, CDR), sollten Sie in GIF- oder JPG-Grafiken konvertieren. Zum Konvertieren gibt es hervorragende Programme, unter MS-Windows z.B. Paintshop Pro oder Hijaak Pro.

Einbindung einer Grafikdatei im gleichen Verzeichnis

Dabei muß die Grafikdatei im gleichen Verzeichnis abgelegt sein wie die HTML-Datei, in der die Grafikreferenz steht. Für die Grafikeinbindung notieren Sie in der HTML-Datei an der Stelle, wo die Grafik plaziert werden soll, folgenden Befehl.

Beispiel:

  Das folgende Bild zeigt meine Freundin:<p>
  <img src="freundin.gif">
Die Grafikreferenz beginnt mit <img src=. Hinter dem Istgleichzeichen geben Sie den Namen der Grafikdatei an, auf die verwiesen wird (im Beispiel: "freundin.gif"). Der Dateiname muß in Anführungszeichen stehen. Der Befehl für die Grafikreferenz endet mit >.

Einbindung einer Grafikdatei aus einem anderen Verzeichnis

Hierbei gibt es zwei Möglichkeiten:

Beispiel für relativen Pfadnamen:

  Das folgende Bild zeigt meine Ex-Freundin:<p>
  <img src="alt/freundin.gif">  
Die Grafikreferenz beginnt mit <img src=. Hinter dem Istgleichzeichen geben Sie den relativen Pfadnamen und den Namen der Grefikdatei an (im Beispiel: "alt/freundin.gif"). Pfad- und Dateiname müssen in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" (auch, wenn der lokale Rechner ein DOS-Rechner ist).
Der Befehl für die Grafikreferenz endet mit >.

Beispiel für absoluten Pfadnamen:

  Das folgende Bild zeigt meine Ex-Freundin:<p>
  <img src="file://localhost/c:/bilder/alt/freundin.gif">  
Die Grafikreferenz beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie an: Die gesamte Angabe muß in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" (auch, wenn der lokale Rechner ein DOS-Rechner ist).
Der Befehl für die Grafikreferenz endet mit >.

Alternative Textanzeige, falls die Grafik nicht angezeigt werden kann

Wenn Sie HTML-Dateien für's WWW erstellen, sollten Sie bei Grafikreferenzen sicherheitshalber immer von der Möglichkeit Gebrauch machen, eine Textalternative zur Grafik mit einzubinden. Der Text wird dann und nur dann angezeigt, wenn die Grafik aus irgendwelchen Gründen (und da gibt es viele!) beim Anwender nicht angezeigt werden kann.

Beispiel:

  <img src="dreieck.gif" alt="WARNUNG!">
Der alternativ zur Grafik anzuzeigende Text wird innerhalb des Befehls für die Grafikreferenz notiert. Eingeleitet wird die Anweisung für die Textalternative durch alt=. Dahinter folgt, in Anführungszeichen eingeschlossen, der Alternativtext.

Angaben, wie Text um die Grafik fließen soll

Sie können angeben, wie der Text, der hinter der Grafikreferenz folgt, um die Grafik fließen soll.

Beispiel:

  <img src="dreieck.gif" alt="WARNUNG! align=top">
  Dieser Text beginnt obenbündig rechts neben der Grafik
  <img src="dreieck.gif" alt="WARNUNG! align=middle">
  Dieser Text beginnt auf mittlerer Höhe der Grafik rechts daneben
  <img src="dreieck.gif" alt="WARNUNG! align=bottom">
  Dieser Text beginnt untenbündig rechts neben der Grafik
Die Anweisung zur Textausrichtung wird innerhalb des Befehls für die Grafikreferenz notiert. Eingeleitet wird die Anweisung für die Textalternative durch align=. Dahinter folgt, in Anführungszeichen eingeschlossen, eine der drei Ausrichtungsmöglichkeiten top, middle oder bottom.

Abstand zwischen Grafik und Text bestimmen

Diese Angaben gehören zu der noch nicht normierten Version 3.0 von HTML und werden erst von wenigen WWW-Browsern interpretiert. Unter MS-Windows ist Netscape V1.1 der einzige Browser, der diese Angaben interpretiert.
  <img src="fahrrad.gif" hspace=50 vspace=20>
Durch die Angabe hspace= innerhalb der Grafikreferenz wird der Abstand zum voranstehenden und nachfolgenden Text definiert, mit vspace= der Abstand vom linken Rand.
Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien

Multimediale Elemente einbinden

Multimediale Elemente können in Form von Verweisen in eine HTML-Datei eingebunden werden.

Heutige WWW-Browser können Grafiken anzeigen, aber noch keine Klang- oder Videodateien abspielen. Zum Abspielen von Klang- oder Videodateien muß ein separates Programm aufgerufen werden. Unter MS-Windows gibt es hierfür zwar den Medienplayer (MPLAYER.EXE), aber im WWW liegen die meisten Multimedia-Dateien in anderen Dateiformaten vor als denen, die unter MS-Windows üblich sind. Um solche Dateien abzuspielen, braucht der Anwender also entsprechende Abspiel-Software oder Gerätetreiber. Für den lokalen Bedarf können Sie in Ihrem WWW-Browser natürlich den Medienplayer als Abspielsoftware für AVI- und WAV-Dateien angeben. Wenn Sie dann AVI- bzw. WAV-Dateien in einer HTML-Datei referenzieren, wird die Datei beim Anzeigen der Textstelle abgespielt, wo die Referenz steht. Voraussetzung ist, daß Sie entsprechende Gerätetreiber für WAV- und AVI-Dateien installiert haben.

Beispiel:

  Klicken Sie auf den Verweis für ein Video von Schwiegermutter's Beerdigung!
  <a href="file://localhost/c:/videos/wegdamit.avi">Abspielen!</a>
Das Setzen eines Verweises beginnt mit <a href=. Hinter dem Istgleichzeichen geben Sie an: Die gesamte Angabe muß in Anführungszeichen eingeschlossen werden. Verzeichnisse werden mit dem normalen Schrägstrich "/" markiert, nicht wie bei DOS mit dem Backslash "\" (auch, wenn der lokale Rechner ein DOS-Rechner ist).
Hinter dem Verweiszielnamen endet das einleitende Tag mit >.

Dahinter folgt der Text, der dem Anwender als Verweis angeboten wird (bei den meisten WWW-Browsern andersfarbig, häufig unterstrichen). Im Beispiel ist das der Text "Abspielen!". Dahinter wird das abschließende Tag </a> notiert.


Zur Neuorientierung: zurück zum Inhaltsverzeichnis oder zur Überschrift Verweise und Referenzen in HTML-Dateien