Also, wir wissen ja, dass man Bilder erst hochladen muss (oder auch nicht, aber das würd jetzt zu kompliziert werden) bevor man sie einsetten kann, und dann mit z.B. <% image name="wolf_am_hohen_zinken" %> anzeigen kann.

Jetzt kann es aber sein, dass man gerne den Text um das Bild "fließen" lassen möchte!

Da gibt es einen kleinen Trick: und zwar schauen wir einmal wo Antville die Bilder hinlädt, wenn man sie auf den Server lädt... /static/images/ALIAS/BILD wäre das (ALIAS z.B. layout, ist dann der jeweilige alias den Ihr gewählt habt, und BILD z.B. hoher_zinken_01.gif, ist dann das Bild das Ihr hochgeladen habt).

Nun, da wir wissen wo das Bild steckt, und wie es heißt können wir das Bild auch ganz anders aufrufen, nämlich mit einem HTML-Tag namens <img>.

Das sieht dann so aus: <img src="/static/images/sbgtutor/hoher_zinken_01.gif"/> ... damit das jetzt auch etwas hermacht, können wir dem ganzen noch eine Höhe (height="120") und Breite (width="160") geben (geht auch ohne, ist aber einfach professioneller), einen Alternativtext (alt="wolf am Hohen Zinken" falls keine Bilder angezeigt werden, oder man mit der Maus auf das Bild fährt, "keinen Rand" (border="0") und einen Titel (title="wolf am Hohen Zinken") und vor allem

sagen, auf welche Seite das Bild soll (align="left" oder right oder middle, je nachdem, wo man es haben will). Nun kann man noch die vertikalen (vspace="5") und horizontalen (hspace="5") Abstände zum Text definieren

und voi la fertig! (HTML-code: <img width="160" height="120" title="wolf am Hohen Zinken" border="0" src="/static/images/layout/wolf_am_hohen_zinken.jpg" alt="wolf am Hohen Zinken" vspace="5" hspace="5" align="left"/>

p.s.:kleiner Trick... Zeilenumbrüche könnt Ihr mit
jeder Zeit "erzwingen" probiert halt ein bißchen herum.