Das Bild, was auf der Seite erscheinen soll, muss im gleichen Verzeichnis wie die die HTML-Datei liegen.
Aufgabe: Speichere das Bild festplatte.jpg im Verzeichnis der HTML-Dateien.
Das Bild wird in der Datei festplatte.html im Bereich "inhalt" eingefügt:
<img src="festplatte.jpg">
Schreibe unter den Tag einen Satz, z.B.: "Die Festplatte speichert magnetisch."
: Zeilenumbrüche können mit dem Tag <br> erzwungen werden.
Text und Bild sollen nebeneinader stehen. Dazu muss dem Bild mitgeteilt werden, dass es rechts am Text vorbeifließen soll:
<img style="float:right;" src="festplatte.jpg">
Damit der umschließende Bereich auch wirklich alles umschließt, muss unter den Text ein noch eingetragen werden:
<p style="clear:both;"></p>
Jetzt sollte es ordentlich aussehen.
