Bilder in den Text einfügen

Um ein Bild in den laufenden Text einzufügen müssen Sie als erstes das Bild als Datei im CMS speichern oder die URL des Bildes kennen (für Bilder von anderen Quellen). Informationen zum Hochladen von Dateien bekommen Sie der Hilfe-Seite Dateien & Binaries.

Um ein gespeichertes Bild im Text anzuzeigen notieren Sie einfach:

 [Example.jpg]

wird angezeigt als:

Examplepictur

Alternativtext für Bilder

Normalerweise wird der Titel oder Name der Bilddatei automatisch als Alternativtext eines Bildes gesetzt. Für eine bessere Suchmaschinenoptimierung und höhere Barrierefreiheit Ihrer Seiten können Sie auch selbst den "alt"-Text für das Bild hinterlegen. Notieren Sie den gewünschten Text einfach hinter den Bilddateinamen:

 [Example.jpg Das ist Alternativtext]

wird angezeigt als:

Das ist Alternativtext

Der Alternativtext wird normalerweise im Browser nicht direkt angezeigt. Um ihn anzuzeigen, klicken Sie über dem Bild die rechte Maustaste und wählen im Kontextmenü "Eigenschaften".

Bilder ausrichten / Fließtext

Um das Bild von Text umfließen zu lassen, können Sie das Bild ausrichten. Notieren Sie dazu hinter den Bildnamen ein Schlüsselwort für die gewünschte Ausrichtung:

 [Example.jpg left] Das Bild wird _links_ im Fließtext ausgerichtet.
 Der Text fließt um das Bild herum
 und schließt es so ganz ein.
 Der Abstand zwischen Text und Bild wird per CSS eingestellt.

wird angezeigt als:

Examplepictur Das Bild wird links im Fließtext ausgerichtet.
Der Text fließt um das Bild herum
und schließt es so ganz ein.
Der Abstand zwischen Text und Bild wird per CSS eingestellt.

Schlüsselwörter für die Ausrichtung sind:

  • *left*: Bild links - Text beginnt oben am Bild und fließt rechts um das Bild
  • *right*: Bild links - Text beginnt oben am Bild und fließt links um das Bild
  • *top*: Der Text wird obenbündig zur Grafik ausgerichtet
  • *middle*: Der Text wird mittig zur Grafik ausgerichtet
  • *bottom*: Der Text untenbündig zur Grafik ausgerichtet

Wenn Sie zusätzlich zur Ausrichtung noch einen Alternativtext setzen wollen, notieren sie diesen einfach nach dem Ausrichtungs-Schlüsselwort.

[Example.jpg left Das ist Alternativtext] Das Bild wird _links_
 im Fließtext ausgerichtet. Der Text fließt um das Bild herum
 und schließt es so ganz ein.


Bilder als Link

Wie Sie Bilder als Link in den Text einbauen, wird auf der Seite Verweise erklärt.

[ Seite drucken ] [ nach oben ]
Zuletzt bearbeitet am 2007-04-19 13:31 von StefanSorg.
Ausgegeben in 0.0096 sec