Web Cube

Bild einfügen

"

Bild einfügen


Grafiken machen den Inhalt zu etwas ganz besonderem, durch sie werden Informationen schneller aufgenommen und machen den Text anschaulich, oder sie dienen einfach der Dekoration. Aus diesem Grund möchte ich Ihnen erklären, wie man mit HTML ein Bild in seine Internetseite einbauen kann. Dazu gibt es folgenden Code als Standalone-Tag:

<img src="Bildadresse" alt="Alternativtext" />

Durch den Standalone-Tag <img /> wird angegeben, dass ein Bild eingefügt werden soll, im darauf folgenden Attribut src (en. source = Quelle) wird die Adresse des zuvor hochgeladenen Bildes angegeben. Das zweite Attribut alt (en. alternative = Alternative) ist ebenfalls ein Pflichtattribut, auch, wenn es von Vielen einfach weggelassen wird, das ist jedoch falsch! Falls das angegebene Bild auf verschiedenen Gründen nicht angezeigt werden kann, wird dieser alternative Text angezeigt. Die Angabe kann auch leer bleiben.

Wenn Sie das nun in der entsprechenden Stelle im Quellcode einfügen, wird das Bild auf der Seite angezeigt. Natürlich gibt es noch einige weitere Attribute, mit denen man das Bild weiter formatieren kann, die jedoch nicht zwingend angegeben werden müssen. Wird entweder eine Höhen- oder eine Breitenangabe angegeben wird das Seitenverhältnis beibehalten und entsprechend verkleinert. 

 

Weitere Attribute

border="1" Dicke eines Rahmens in Pixel
width="300" Breite des Bildes in Pixel
height="200" Höhe des Bildes in Pixel
name="Landschaftsgemälde"   Name des Bildes definieren
align="top" Ausrichtung im Text;
weitere Angaben: middle, top, left, right
valign="top" vertikale Ausrichtung des Bildes, z.B. in Tabellen;
weitere Angaben:center, bottom
vspace="10" vertikaler Abstand zu anderen Elementen in Pixel
hspace="10" horizontaler Abstand zu anderen Elementen in Pixel
title="Bild eines Steins" Titel des Bildes, wird bei Mouseover angezeigt


|   zurück zu "HTML Tutorials"    |
Es waren schon 30139 Besucher (138684 Hits) hier!
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
"