Materialien zum Unterricht

Bild einfügen

Kopiere das Bild der Dampfmachine aus der Word-Präsentation in den Ordner der HTML-Präsentation.

Füge danach das Bild über eine Verknüpfung in den Quelltext unter den grauen Kasten ein.

<img  src="dampfmaschine.jpg">

Dadurch wird das Bild im laufenden Text eingebunden und schiebt sich zwischen den grauen Kasten und den folgenden Text. Das sieht nicht gut aus.

 

 

Es wird deshalb eine neue Klasse erstellt, die das Bild nach rechts schiebt und den Text um das Bild fließen lässt.

Dem Bild-Tag muss diese Klasse zugeordnet werden!

Der Eintrag

margin:10px; 

legt einen Außenrand von 10 Pixeln fest.

 

 

Aufgabe: Ergänze die Klasse bild_rechts um einen Rand und einen Schatten.

 

 

 

zurück