Bild als Link (Buttons, Banner,...)
Seite 1 von 1
Bild als Link (Buttons, Banner,...)
Hallo
Vor allem bei Buttons und Bannern wird diese Funktion ständig benötigt.
Wenn man auf die angegebene Grafik klickt gelangt man zur angegebenen Internetadresse (URL).
Einen Link auf ein Bild legt man am schnellsten mit:
BB-Code
HTML
Also z.B.
ergibt dann:
Bei der HTML-Version sind u.a. noch möglich:
alt="Alternativtext"
Dieser Text wird als Link angezeigt, wenn die Grafik nicht geladen werden kann.
Dieses Attribut ist sehr empfehlenswert, da der Link auch klickbar bleibt, falls die Grafik einmal nicht verfügbar ist oder bei einem User aufgrund von dessen Einstellungen nicht dargestellt wird.
border="1"
Ergibt einen Rahmen um das Bild, hier mit Breite 1 Pixel:
height="20" width="50"
Legt die Höhe und Breite der Grafik fest, unabhängig von den wirklichen Abmessungen, hier 20 Pixel hoch und 50 Pixel breit:
Anmerkung: Dies sind nur sehr wenige der Möglichkeiten, aber die mit Abstand häufigsten und nützlichsten.
Vor allem bei Buttons und Bannern wird diese Funktion ständig benötigt.
Wenn man auf die angegebene Grafik klickt gelangt man zur angegebenen Internetadresse (URL).
Einen Link auf ein Bild legt man am schnellsten mit:
BB-Code
- Code:
[url=http://ZIEL-URL][img]http://BILD_URL[/img][/url]
HTML
- Code:
<a href="http://ZIEL_URL"><img src="http://BILD-URL"></a>
- Code:
<a href="http://ZIEL_URL" target="_blank"><img src="http://BILD-URL"></a>
Also z.B.
- Code:
[url=http://hilfe.forumieren.com/sonstige-probleme-f5/][img]http://2img.net/i/fa/fdf/nuage.png[/img][/url]
- Code:
<a href="http://hilfe.forumieren.com/sonstige-probleme-f5/"><img src="http://2img.net/i/fa/fdf/nuage.png"></a>
ergibt dann:
Bei der HTML-Version sind u.a. noch möglich:
alt="Alternativtext"
Dieser Text wird als Link angezeigt, wenn die Grafik nicht geladen werden kann.
Dieses Attribut ist sehr empfehlenswert, da der Link auch klickbar bleibt, falls die Grafik einmal nicht verfügbar ist oder bei einem User aufgrund von dessen Einstellungen nicht dargestellt wird.
- Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL"></a>
border="1"
Ergibt einen Rahmen um das Bild, hier mit Breite 1 Pixel:
- Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1"></a>
height="20" width="50"
Legt die Höhe und Breite der Grafik fest, unabhängig von den wirklichen Abmessungen, hier 20 Pixel hoch und 50 Pixel breit:
- Code:
<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1" height="20" width="50"></a>
Anmerkung: Dies sind nur sehr wenige der Möglichkeiten, aber die mit Abstand häufigsten und nützlichsten.
LG, Alex |
Alex- Admin a.D.
- Anzahl der Beiträge : 8116
Browser :
Anmeldedatum : 02.09.07
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|