HTML-Dateien selbst erstellen
Dokumentation: HTML
Grafik in HTML

Grafiken als Verweise


 Grafik in einen Verweis einbinden
 Verweis-Rahmen unterdrücken


HTML2.0 Grafik in einen Verweis einbinden

Beispiel
Anzeigebeispiel: So sieht's aus

Wenn Sie Verweise setzen, müssen Sie immer auch einen Verweistext definieren, also den Text, der dem Anwender als anklickbar dargestellt wird. Anstelle eines Verweistextes können Sie jedoch auch eine beliebige Grafik angeben. Dann ist die gesamte Grafik anklickbar, und beim Anklicken der Grafik wird der Verweis ausgeführt.

Beispiel:

<a href="datei.htm"><img src="datei.gif"></a>

Erläuterung:

Für das Setzen des Verweises gilt das  Schema für alle Verweise in HTML. Das Verweisziel kann ein beliebiges erlaubtes Ziel sein. Mehr hierzu finden Sie im Dokumentabschnitt über  Verweise.

Anstelle des Verweistextes wird einfach eine  Grafik eingebunden.

Beachten Sie:

Der WWW-Browser kennzeichnet die Grafik als Verweis, indem er einen Rahmen in der eingestellten Farbe für Verweise um die Grafik zieht. Wenn Sie den Rahmen nicht wünschen, müssen Sie ihn unterdrücken. Mehr dazu im folgenden Abschnitt.

HTML3.2 Verweis-Rahmen unterdrücken

Beispiel
Anzeigebeispiel: So sieht's aus

Der Rahmen, den der WWW-Browser per Voreinstellung um eine Grafik zieht, wenn diese als Verweis eingebunden wird, ist in vielen Fällen störend. Sie können den Rahmen unterdrücken.

Beispiel:

<a href="datei.htm"><img src="datei.gif" border=0></a>

Erläuterung:

Durch die zusätzliche Angabe border=0 unterdrücken Sie den Rahmen. Die Grafik bleibt weiterhin als Verweis anklickbar.

Beachten Sie:

Wenn Sie Rahmen um Grafiken unterdrücken, die als Verweise dienen, kann der Anwender die Grafik nicht mehr unmittelbar als Verweis erkennen. Nur wenn er mit dem Mauszeiger über die Grafik fährt, kann er an dem Mauszeigersymbol erkennen, daß es sich um einen Verweis handelt. Deshalb sollten Sie den verweiskennzeichnenden Rahmen nur dann unterdrücken, wenn die Grafik auf den ersten Blick als Verweis erkennbar ist. Das kann zum Beispiel ein beschrifteter Button sein, der dem Anwender intuitiv als Verweis erscheint.


Blättern:
Ladevorgang für Grafiken optimieren     Grafiken mit verweis-sensitiven Flächen

HTML-Dateien selbst erstellen
Dokumentation: HTML
Grafik in HTML

© 1997  Stefan Münz, s.muenz@euromail.com