Gewusst wie: Einfügen von Bildern in XHTML

June 24

XHTML ist eine strengere Syntax als HTML. Im Gegensatz zu HTML müssen alle XHTML-Tags ordnungsgemäß bestellt, geschlossen und in Kleinbuchstaben geschrieben. Diese Anforderungen zu erfüllen, wenn Sie ein Bild in ein XHTML-Dokument einfügen. Auch lernen Sie, Bildattribute richtig zu verwenden. Missbräuchliche Verwendung von Bildern und deren Attribute kann für gültig auch unter strengen XHTML-Standards übergeben, doch unangenehme Ergebnisse haben können. Immer eine Vorschau Ihrer Webseiten in Web-Browsern, um sicherzustellen, dass Sie das Aussehen gewünschte erreichen.

Anweisungen

1 Das XHTML-Dokument in einem Texteditor zu öffnen. Unten Sie die XHTML-Seite, wo Sie ein Bild einfügen wollen.

2 Geben Sie das Bild-Element-Tag oder IMG-Tag mit den Attributen "Src" und "Alt." Geben Sie alle Zeichen in Kleinbuchstaben:

< Img Alt = "" >

3 Geben Sie die Werte für die XHTML-Attribute. Das "Src"-Attribut muss die Quelle oder den Speicherort des Bildes enthalten:

< Img Alt = "" >

4 Geben Sie eine Beschriftung für das Bild in der "Alt", falls gewünscht einen alternativen Text angezeigt werden, für den Fall, dass das Bild nicht angezeigt wird (beispielsweise, wenn der Browser des Benutzers Bilder deaktiviert hat). Lassen Sie die "Alt" für dekorative Elemente wie Kugeln leer:

< Img Alt = "XHTML-konform" >

5 Fügen Sie einen Schrägstrich oder "/" am Ende der Image-Tag:

< Img Alt = "XHTML-konform" / >

Wenn Sie vergessen haben, können Sie diese Zeichen hinzufügen, wird der Code entsprechend XHTML-Standards ungültig sein.

6 Fügen Sie die Attribute Width und Height, falls gewünscht. Die Breite wird ein Web-Browser sagen, wie groß das Bild ist; die Höhe wird beschrieben, wie groß es ist:

< Img Alt = "XHTML-konform" Height = "115" Width = "125" / >

7 Speichern Sie das XHTML-Dokument. Auf Ihrer Website mit Ihrem Web-Host File-Upload-Tool oder ein FTP-Client hochladen. Anzeigen der Webseite mit einem Webbrowser zu überprüfen, ob das Bild richtig angezeigt wird.

Tipps & Warnungen

  • Verwenden Sie Code auf Fehler überprüfen (siehe Ressourcen) ein XHTML-Code-Validator.

SIE KÖNNEN AUCH GERNE