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" |
