Hauptmenü

Untermenü

HTML - Elemente - Grafiken

1. Syntax

Da es sich bei dem Image-Tag um ein "singuläres" Element handelt, gibt es auch wieder zwei Schreibweisen:

HTML


<img src="pfad_zum_bild/bildname.typ">

XHTML


<img src="pfad_zum_bild/bildname.typ" />

img steht für Image (Bild), src für den Pfad und Dateinamen (source = Quelle). Dazu gibt es noch mehrere Attribute, die angegeben werden können oder müssen.

width, height

Geben die Größe des Bildes an. Der Vorteil dabei ist, dass der Browser schon den entsprechenden Platz im Fenster reservieren kann, noch ehe das Bild geladen worden ist. Vielleicht habt ihr schon des Öfteren gesehen, dass beim Laden bestimmter Seiten sich permanent das Layout ändert und alles hin und her ruckelt. Da hat man bei den Bildern wohl die Größenangaben vergessen. Diese Angaben sind laut Spezifikation zwar keine Pflicht, werden aber empfohlen.

alt

Steht für einen alternativen Text (alternate). Dieser Text wird angezeigt, wenn der Browser keine Bilder darstellen darf (kann man einstellen), oder es nicht darstellen kann, weil zum Beispiel der Pfad falsch ist. Auch wird dieses Attribut von Suchmaschinen genutzt. Diese Angabe ist laut Spezifikation Pflicht.

name

Muss man vergeben, wenn man direkt per Javascript auf dieses Bild zugreifen will, ohne mit einer ID arbeiten zu wollen. Ansonsten ist es ziemlich nutzlos.

title

Kann eine zusätzliche Information zum Bild beinhalten.

Ein vollständiges Beispiel sähe zum Beispiel so aus (HTML 4):


<img src="../bilder/meine_olle.jpg" width="400" height="350"
  alt="Schatzi-Mausi" name="meine_olle"
  title="meine Superbraut mit den dicken...">

2. Bildformate

Grundsätzlich sind folgende Bildformate im Internet erlaubt.

Alle Bilder müssen im RGB-Format vorliegen.

zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt