<img>

<img> — Grafiken

Mit dem <img> - Element ist es möglich Grafiken in HTML Dokumente einzubinden. Die geeignetsten Dateiarten und von uns empfohlenen sind: jpg, gif, png

Suchmaschinenrelevanz

Da sich eine Suchmaschine logischerweise nicht das Bild anschauen kann, ist es hierbei sehr wichtig, prinzipiell ein alt-Attribut zu benutzen. In diesem alt-Attribut sollten wichtige Schlüsselwörter zu finden sein, die der Beschreibung des Bildes dienen. Dieses alt-Attribut spielt in der Suchmaschinenoptimierung eine sehr große Rolle und wird demzufolge von Suchmaschinen sehr beachtet. Bitte achten Sie allerdings darauf, dass Sie nicht zuviele oder sinnlose Anreihungen von Schlüsselwörtern in das alt-Attribut schreiben. Die Wahrscheinlichkeit, dass Suchmaschinen dies als Spam bewerten und somit ignorieren, ist sehr groß.

Bitte unterschiedliche Schreibweisen beachten:

HTML: <img> XHTML: <img />

Syntax:

Beispiel:

Attribut	Wert	Beschreibung
align="[1]"	[1]: top \| middle \| bottom \| left \| center \| right	Bestimmt die Ausrichtung des Elements. (Standard ist in allen Browsern: left)
dir="[1]"	[1]: ltr \| rtl	Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text.
alt="[1]"	[1]: Zusatzinformation	Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben.
border="[1]"	[1]: Pixel/Prozent	Das Attribut border bewirkt einen Rahmen um ein Bild.
class="[1]"	[1]: Kategoriename	Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden.
height="[1]"	[1]: Pixel/Prozent	Bestimmt die Höhe des Elements bei der Ausgabe. Angabe in Prozent oder Pixel.
hspace="[1]"	[1]: Pixel	Definiert den horizontalen Abstand zwischen dem Objekt (z.B. Applet oder Bild) und dem umfließenden Text. Angabe in Pixel oder Prozent.
id="[1]"	[1]: ID	Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein.
lang="[1]"	[1]: Wert	Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig.
name="[1]"	[1]: Bezeichnung	Bestimmt den Namen des Elemtents (z.B. bei <a> den Ankername).
onclick="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus.
ondblclick="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus.
onkeydown="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus.
onkeypress="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird.
onkeyup="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus.
onmousedown="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält.
onmousemove="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird.
onmouseout="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig!
onmouseover="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus.
onmouseup="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“.
src="[1]"	[1]: URI	Definiert einen URI.
style="[1]"	[1]: Stylewerte	Spezifiziert die Style Informationen für das entsprechende Element.
title="[1]"	[1]: Titeldefinition	Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben.
vspace="[1]"	[1]: Pixel	Definiert den vertikalen Abstand zwischen Grafik und umfließendem Text. Angabe in Pixel oder Prozent.
width="[1]"	[1]: Pixel/Prozent	Bestimmt die Breite eines Objekts (z.B. Applet, Image, etc.) bei der Ausgabe. Angabe in Pixel oder Prozent!
longdesc="[1]"	[1]: URI	Definiert einen URI, wo eine längere Beschreibung zum Inhalt des Frame-Fensters zu finden ist.
usemap="[1]"	[1]: URI/Anker	Definiert den URI bzw. den Ankernamen eines map-Elements.