von Thomas Salvador.
Grafik, wie man sie häufig benutzt:
<img src="//example.org/test.gif" width="100" height="100" alt="Beispielgrafik" border="0" />
<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.
Die Anweisung <img> hat die HTML-Attribute:
| Attribut | Beschreibung |
|---|---|
| align | Ausrichtung des Elementes |
| alt | Alternativbeschreibung area und img |
| border | Dicke der Umrandung |
| class | Space-separierte Liste von CSS-Klassen |
| dir | Ausrichtung von Text und Tabellen |
| height | Höhe von img, object |
| hspace | horizontaler Abstand |
| id | Universalattribut |
| ismap | Ist Image Map |
| lang | Sprache des Elementes |
| longdesc | Referenz zu ausführlicher Bildbeschreibung |
| onclick | Auszuführender Javascript-Code bei Klick |
| ondblclick | Auszuführender Javascript-Code bei Doppelklick |
| onerror | Auszuführender Javascript-Code bei Auftreten eines Fehlers |
| onkeydown | Auszuführender Javascript-Code bei Drücken einer Taste |
| onkeypress | Auszuführender Javascript-Code bei gedrückt gehaltener Taste |
| onkeyup | Auszuführender Javascript-Code bei Loslassen einer Taste |
| onload | Auszuführender Javascript-Code, wenn Grafik/Applet fertig geladen wurde |
| onmousedown | Auszuführender Javascript-Code bei Drücken einer Maustaste |
| onmousemove | Auszuführender Javascript-Code, wenn die Maus bewegt wird |
| onmouseout | Auszuführender Javascript-Code, wenn die Maus das Element verlässt |
| onmouseover | Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird |
| onmouseup | Auszuführender Javascript-Code bei Loslassen einer Maustaste |
| src | URL zur einzubettenden Grafik |
| style | Inline Style |
| title | Bezeichnender Titel |
| usemap | client-side Image Map nutzen |
| vspace | vertikaler Abstand |
| width | Breite von img, object |
<img> wird zumindest von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.
Der HTML-Tag <img> wird in den Standards HTML und XHTML definiert.
Die HTML-Anweisung <img> enthält keine HTML-Tags.
<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.
Keine.
Keine.