Wie man ein Bild in eine Webseite einfügen

October 3

Wie man ein Bild in eine Webseite einfügen

Hypertext Markup Language (HTML) ist die formale Bezeichnung für den Code, der steuert, Inhalt und Darstellung von Web-Seiten. HTML können Sie eine Vielzahl von Elementen auf einer Seite, einschließlich Überschriften, Absätze, Tabellen, Aufzählungen und Bilder aufnehmen. Solange Sie eine Kopie einer Webseite auf Ihrem Computer gespeichert haben, erfordert ein Bild einfügen die Aufnahme nur eine einzige Zeile HTML-Code. Wenn Sie die korrekte Syntax für diesen Code verstehen, nimmt das Bild hinzufügen nur wenigen Mausklicks.

Anweisungen

1 Legen Sie die Image-Datei, die Sie in Ihre Web-Seite in demselben Ordner wie die Seite einfügen möchten.

2 Öffnen Sie ein Bearbeitungsprogramm für visuelle Web-Seite (z. B. Adobe Dreamweaver, Microsoft Expression Web) oder eine Textbearbeitung-Werkzeug (z. B. Microsoft WordPad, Microsoft Notepad).

3 Klicken Sie auf "Datei" in der oberen Menüleiste Ihres gewählten Programms und wählen Sie "Öffnen." Suchen Sie Ihre Web-Seite-Datei in dem daraufhin angezeigten Dialogfeld, und öffnen Sie es durch Doppelklicken auf dessen Symbol.

4 Klicken Sie auf den Bereich der Webseite, wo Sie Ihre Bilddatei einfügen und dann den "Code" oder "HTML" klicken, um den zugehörigen HTML-Code anzeigen möchten. Wenn Sie ein Programm zur Bearbeitung verwenden, manuell navigieren Sie zu der Codezeile, wo das Bild stattdessen eingefügt werden soll.

5 Drücken Sie die Taste "Enter" um eine leere Zeile zu erstellen.

6 Fügen Sie den folgenden Code in das neu erstellte leere Zeile:

< Img Alt = "Bild-Beschreibung" >

7 Ersetzen Sie den Wert "file_name.jpg" mit dem tatsächlichen Dateinamen und die Dateierweiterung des Bildes, die Sie in Schritt 1 ausgewählt. Obwohl viele Dateien die Erweiterung JPG verwenden, sind auch die Formate GIF, PNG und BMP.

8 Ersetzen Sie den Wert "Bildbeschreibung" mit einer kurzen Beschreibung von was dein Bild darstellt. Dies ermöglicht blinden und Armen gesichtet, den Bildinhalt zu verstehen, auch wenn sie es nicht sehen können.

9 Klicken Sie auf "Datei" in der oberen Menüleiste Ihres Bearbeitungsprogramm und wählen Sie "Speichern" um Ihre Änderungen zu bestätigen.

Tipps & Warnungen

  • Kennt man die Breite und Höhe Ihres Bildes in Pixel, geben Sie diese Informationen in Ihren HTML-Code als auch. Diese Werte werden im folgenden Format dargestellt:
  • < Img src="file_name.jpg" Alt = "Bild-Beschreibung" Width = "500" Height = "350" >