Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# img ♦ <img> ♦ IE4+ M1 N4+ O5+ ♦ HTML 2.0, 3.2, 4.0

Das <img>-Tag fügt eine Grafik oder ein fotografisches Bild direkt in den Textfluss oder zwischen andere Bilder ein. Der Einsatz des Tags bewirkt keinen Zeilenumbruch – <img> erzeugt ein Inlineelement. Das Tag kann in ein a-Element eingesetzt werden, um einen klickbaren Link zu erzeugen. Um alle vier Seiten wird dabei ein Rahmen dargestellt, um das Bild als Link zu kennzeichnen. Der Rahmen kann durch Stylesheets verändert werden.

Es gibt kein schließendes Tag.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 | Das Attribut align richtet das Bild in der Vertikalen gegen den umgebenden Text oder andere Elemente aus. Die Werte sind absbottom, absmiddle, baseline, bottom, left, middle, right, texttop und top.
alt | Das alt-Attribut stellt eine Textnachricht zur Verfügung, die anstelle des Bildes von Browsern gezeigt wird, die Bilder oder Grafiken nicht darstellen können.
border | Das Attribut border setzt einen Rahmen um alle vier Seiten eines Bildes. Die Breite des Rahmens wird in Pixeln angegeben. Wenn Sie ein Bild als Hyperlink einsetzen und keinen Rahmen wünschen, setzen Sie das Attribut auf 0.
height | Das Attribut height gibt die vertikale Ausdehnung des Bildes in Pixeln an.
hspace | Das Attribut hspace fügt einen zusätzlichen Weißraum rechts und links des Bildes ein.
ismap | Das Attribut ismap ist ein boolescher Wert. Wenn er vorhanden ist, kennzeichnet er, dass es sich bei dem Bild um eine klickbare serverseitige Image Map handelt.
longdesc | Das Attribut longdesc ist die URL einer Quelle, die eine ausführliche Beschreibung des Bildes enthält. Das ist nützlich für serverseitige Image Maps und nichtgrafische Browser.
name | Das Attribut name legt den Namen des Bildes fest. Der Name wird gefordert, wenn ein JavaScript eingesetzt wird.
src | Das Attribut src ist zwingend erforderlich und stellt die URL der Bilddatei dar. Die URL muss den Dateinamen enthalten und kann einen relativen oder absoluten Pfad angeben.
usemap | Das Attribut usemap gibt den Namen einer Image Map an, die mit dem Element verknüpft werden soll. Es handelt sich hierbei um eine klickbare clientseitige Image Map.
vspace | Das Attribut vspace fügt zusätzlichen Freiraum unter und über dem Bild ein und wird in Pixeln angegeben.
width | Das Attribut width gibt die horizontale Ausdehnung des Bildes in Pixeln an.

#### Beispiel

    Die Fliege <img src="fliege.gif" align="middle"
    	alt="Die Fliege" width="150"
    		height="98" border="2">

#### Darstellung

Die Fliege

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen