So Fügen Sie Ein Bild Neben Dem Text Ein

Inhaltsverzeichnis:

So Fügen Sie Ein Bild Neben Dem Text Ein
So Fügen Sie Ein Bild Neben Dem Text Ein

Video: So Fügen Sie Ein Bild Neben Dem Text Ein

Video: So Fügen Sie Ein Bild Neben Dem Text Ein
Video: CSS Tutorial Deutsch German Teil 11 - Bild neben Text einfügen 2024, April
Anonim

Wenn Sie ein Bild in ein Textdokument oder ein Dokument im Hypertext-Format einfügen, "verstreut" sich der Text normalerweise um das Bild herum - eine Zeile verlässt den unteren rechten Rand und der Rest bleibt bis zur Höhe des Bildes leer. Dies liegt daran, dass der Zentrierungsparameter für das Bild nicht angegeben ist. Es ist einfach, die Situation sowohl im Texteditor als auch im HTML-Code-Editor zu ändern.

So fügen Sie ein Bild neben dem Text ein
So fügen Sie ein Bild neben dem Text ein

Anleitung

Schritt 1

Starten Sie Microsoft Word und laden Sie den erforderlichen Text hinein, wenn Sie die Position des Bildes in einem Dokument dieses Formats anpassen müssen. Wenn das Bild noch nicht in den Text eingefügt wurde, platzieren Sie den Einfügecursor an der gewünschten Position und wechseln Sie in den Reiter „Einfügen“des Texteditor-Menüs. In der Befehlsgruppe "Illustrationen" befindet sich ein Symbol "Bild" - klicken Sie darauf, suchen Sie im sich öffnenden Fenster das gewünschte Bild und klicken Sie auf die Schaltfläche "Einfügen".

Schritt 2

Klicken Sie mit der rechten Maustaste auf das Bild im Text des Dokuments und öffnen Sie im Kontextmenü den Abschnitt "Textumbruch" (dies kann durch Drücken der "M"-Taste erfolgen). Einige der in diesem Abschnitt enthaltenen Zentrieroptionen ermöglichen es Ihnen, das Bild in die gewünschte Position zu bringen. Wenn Sie mit der Maus über jede Menüzeile fahren, sehen Sie genau, wie sich die Position des Bildes im Text ändert, wenn Sie diesen Punkt auswählen. Klicken Sie beispielsweise auf die Linie "Entlang der Kontur".

Schritt 3

Ziehen Sie das Bild mit der Maus an den linken oder rechten Rand der Seite und der Vorgang wird abgeschlossen. Speichern Sie Ihr Dokument.

Schritt 4

Wenn Sie ein Bild in ein HTML-Dokument einfügen müssen, können Sie den Text beispielsweise mit dem align-Attribut des img-Tags umbrechen. Bei einer Menge von Attributen, die für die normale Darstellung eines Bildes minimal ausreichend ist, kann diese Variable wie folgt geschrieben werden:

Hier enthält das einzige src-Attribut den Namen der Datei, die das gewünschte Bild enthält (image.png). Um den Text so einzustellen, dass er das Bild rechts umläuft, fügen Sie das Attribut "align" mit dem linken Wert hinzu:

Wenn der Text links um das Bild fließen soll, ersetzen Sie den Wert left durch right.

Schritt 5

Wenn Sie die Möglichkeit haben, den Editor von HTML-Seiten zu verwenden, der einen visuellen Modus bietet, müssen Sie den Code nicht selbst bearbeiten und den Tags die erforderlichen Attribute hinzufügen. In diesem Fall können Sie auf das Bild klicken und dann im Bedienfeld mit den Steuerschaltflächen des Editors auf die Schaltfläche Bild einfügen klicken. In dem sich öffnenden Fenster sollte sich eine Dropdown-Liste mit Optionen zum Zentrieren des Bildes befinden - wählen Sie die gewünschte Linie (links oder rechts) aus und speichern Sie dann die bearbeitete Seite.

Empfohlen: