Mit HTML-Editor Bilder einfügen

Dieses Tutorial zeigt Ihnen, wie man Bilder im HTML Editor einfügt. Sie können, natürlich, Bilder auf Ihre HTML Seite mit Hilfe von einigem HTML-Editor einfügen, aber wir empfehlen Ihnen Adobe Dreamweaver oder Notepad++ zu nutzen.

Design-Modus

Adobe Dreamweaver bietet Webentwicklern die HTML Dateien im Design-Modus bearbeiten. Dieser Modus ist effektiv, wenn Sie kein professioneller Web-Entwickler sind. Diese Software stellt die HTML Seite so wie der Browser dar.

Um ein Bild auf die HTML Seite mit Hilfe vom Dieser Modus hinzuzufügen, führen Sie die folgenden Schritte aus:

1. Bitte vergewissern Sie sich, dass Sie im Design Modus sind. In der oberen Ecke Ihrer Bildschirm drücken Sie den Design Button

2. Setzen Sie Ihren Cursor wohin Sie ein Bild einfügen möchten.

3.Von oberem Menü wählen Sie Insert > Image(Einfügen > Bild)

4.Im erscheinen Fenster wählen das Bild aus dem Computer und klicken Sie auf OK.

Als Ergebnis sollten Sie ein Bild sehen, das auf Ihrer Seite eingefügt ist.

Um Felder zu vermeiden achten Sie, bitte, darauf:

1. Das Bild und die Datei der HTML Seite müssen auf demselben Laufwerk sein
2. Wir empfehlen Ihnen das Bild im ‘images’ Verzeichnis, das sich zusammen mit der HTML Datei in demselben Verzeichnis befindet, zu platzieren.
3. Wenn Sie Bilder und HTML Dateien auf Ihrem Server hochladen, achten Sie bitte auf Dateistruktur – die muss dieselbe sein.

Code-Modus

Wenn Sie ein Bild im Code-Modus einfügen, verwenden Sie den IMG Tag. Nutzen Sie bitte den u.a. Code:

<img src="root_to_the_image_file" alt="image_description"/>

Mit Hilfe vom img Tag können Sie das Bild überall auf Ihrer HTML Seite einfügen. Es gibt zwei erforderlichen Tag-Attribute: src und alt.

Das SRC Attribut enthält das Root zur Bilddatei. Sie kann sich auf Ihrem Server oder noch irgendwo befinden.

ALT ist eine alternative Beschreibung für das Bild. Das Attribut zeigt den Text, wenn Sie den Mauszeiger über Bild führen. Bei der Validierung der Seite ist es erforderlich.

Der Bilderpfad kann relativ und absolut sein. Mehr über Pfade erfahren Sie hier: wie man Links zuweisen kann