Grafiken in eine Webseite einbinden und ausrichten

Mit Hilfe von erweiterten Angaben im HTML (Hypertext Markup Language) Code Ihrer Seite können Sie Grafiken so einbinden, dass der Text wahlweise Links oder Rechts um die Grafik herumgeführt wird. Wenn Sie den Quelltext der HTML-Seite öffnen, finden Sie die Referenzierung zu Ihrer Grafik (gif oder jpg) in folgendem Code: <img src="IhreGrafik.gif">. Fügen Sie nun weitere Attribute zu diesem "Image Tag" hinzu, welche die Grafik ausrichen und einen Abstand zum umfliessenden Text erzeugen.

<img src="IhreGrafik.gif" align="left" vspace="10" hspace="20">

Falls weitere Attribute bereits vorhanden sind, können Sie diese belassen und mit obengenannten ergänzen.

Wenn Sie eine genauere Positionierung der Grafiken auf der Seite wünschen, können Sie auch mit Tabellen ohne Rand arbeiten, die dann auf der fertigen Webseite nicht mehr sichtbar sind, dafür Bilder und Text am gewünschten Platz halten. Moderne Webseiten-Editoren sollten diese Funktionen ebenfalls untersützen und Ihnen die entsprechenden Menüs für diese Attribute anbieten.

Bereits gibt es auch neuere Techniken wie CSS (Cascading Stylesheets), um zum Beispiel Grafiken genau auszurichten. Falls Sie sich eingehender mit diesen Möglichkeiten vertraut machen möchten, empfiehlt sich die HTML-Referenz "Selfhtml", die online frei zugänglich ist [1].