BTK-FH Logo

(x)HTML, css

img & background-attachmen4

HTML-Tag: img (Bild)

Bilder lassen sich u.a. mit dem img-Element darstellen. Das Attribut src gibt dabei die URL der anzuzeigenden (Bild-)Datei an. Verwendet werden können fast alle Bildformate, üblich sind aber *.gif und *.jpg/*.jpeg. Beispiel:

<img src=”bildname.gif” alt=”” />
<img src=”http://www.google.de/bild1.jpg” alt=”” />

Bitte beachten Sie dabei, dass das img-Element kein schließendes Tag hat, allerdings ist es nicht falsch dieses zu notieren, da er einfach vom Browser übergangen wird.

CSS-Property: background-attachment

Die background-attachment-Eigenschaft definiert, wie ein Hintergrundbild eingepasst wird. Als Wert stehen 2 Varianten zur Verfügung: scroll besagt, dass das Hintergrundbild mit verschoben werden soll, wenn die Seite bzw. das Element gescrollt wird (Voreingestellt). fixed besagt, dass das Hintergrundbild am gleichen Platz stehen bleiben soll.
Beispiel:

body {
background-attachment: fixed;
}