HTML Tag img:
Bild einfügen

von Thomas Salvador.

Beispiel

Grafik, wie man sie häufig benutzt:

<img src="//example.org/test.gif"
  width="100" height="100" alt="Beispielgrafik"  border="0" />

Anwendung

<img> wird verwendet, um ein Bild zu setzen. Die Position der Grafik wird mit src angegeben. Die Ausrichtung kann vertikal mit valign und horizonzal mit align kontrolliert werden.

Bei letzterem verlässt das Bild u.U. den Fließtext (wird zum floating object) und wird fortan von Text umflossen. Zur Re-Syncronisierung mit dem Text kann dann clear von <br> verwendet werden.

Bilder werden üblicherweise ohne Rahmen dargestellt, es sei denn, sie werden als Links verwendet. Der Rahmen kann jedoch jederzeit mit border ein-, ausgeschaltet und in Dicke kontrolliert werden.

Attribute

Die Anweisung <img> hat die HTML-Attribute:

AttributBeschreibung
alignAusrichtung des Elementes
altAlternativbeschreibung area und img
borderDicke der Umrandung
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
heightHöhe von img, object
hspacehorizontaler Abstand
idUniversalattribut
ismapIst Image Map
langSprache des Elementes
longdescReferenz zu ausführlicher Bildbeschreibung
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onerrorAuszuführender Javascript-Code bei Auftreten eines Fehlers
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onloadAuszuführender Javascript-Code, wenn Grafik/Applet fertig geladen wurde
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
srcURL zur einzubettenden Grafik
styleInline Style
titleBezeichnender Titel
usemapclient-side Image Map nutzen
vspacevertikaler Abstand
widthBreite von img, object

Browserunterstützung

<img> wird zumindest von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Der HTML-Tag <img> wird in den Standards HTML und XHTML definiert.

Inhalte

Die HTML-Anweisung <img> enthält keine HTML-Tags.

Verwendung

<img> kann in den HTML-Tags <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <center>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <ins>, <kbd>, <label>, <legend>, <li>, <noframes>, <noscript>, <object>, <p>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> verwendet werden.

Hinweise

Keine.

Weitere Beispiele und Lösungen

Keine.