{"id":14742,"date":"2026-08-29T14:19:06","date_gmt":"2026-08-29T07:19:06","guid":{"rendered":"\/de\/tutorials\/?p=14742"},"modified":"2026-08-28T14:20:43","modified_gmt":"2026-08-28T07:20:43","slug":"bild-in-html-einfuegen","status":"publish","type":"post","link":"\/de\/tutorials\/bild-in-html-einfuegen\/","title":{"rendered":"So f\u00fcgen Sie in 7 einfachen Schritten ein Bild in HTML ein"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Es ist wichtig zu wissen, wie Sie ein Bild in HTML einf&uuml;gen, wenn Sie ein Logo oder eine Grafik an einer bestimmten Stelle platzieren m&ouml;chten &ndash; beispielsweise in der Kopf- oder Fu&szlig;zeile, wenn Ihr Theme oder Inhaltseditor das Einf&uuml;gen dort nicht zul&auml;sst.<\/p><p class=\"wp-block-paragraph\">Wenn Sie Bilder direkt mit HTML einf&uuml;gen, haben Sie die volle Kontrolle &uuml;ber die visuelle Gestaltung Ihrer Website. Bilder lockern Texte auf und regen Nutzer zur Interaktion an. Gleichzeitig st&auml;rkt die gezielte Platzierung von Elementen wie Logos Ihr Branding.<\/p><p class=\"wp-block-paragraph\">Mit diesen sieben Schritten f&uuml;gen Sie Ihr Bild auf Ihrer Website ein:<\/p><ol class=\"wp-block-list\">\n<li><strong>Bereiten Sie das Bild vor und laden Sie es hoch.<\/strong> Bereiten Sie Ihre Bilddatei vor und laden Sie sie auf den Server Ihrer Website hoch, damit sie eine im Internet zug&auml;ngliche URL erh&auml;lt.<\/li>\n\n\n\n<li><strong>&Ouml;ffnen Sie die HTML-Datei Ihres Themes.<\/strong> Suchen Sie die richtige Vorlagendatei, zum Beispiel <strong>header.php<\/strong> oder <strong>footer.php<\/strong>, in der Sie das Bild einf&uuml;gen m&ouml;chten.<\/li>\n\n\n\n<li><strong>F&uuml;gen Sie das src-Attribut zum &lt;img&gt;-Tag hinzu.<\/strong> F&uuml;gen Sie das grundlegende HTML-Tag <strong>&lt;img&gt;<\/strong> ein und geben Sie mit dem <strong>src<\/strong>-Attribut die URL Ihres Bildes an.<\/li>\n\n\n\n<li><strong>Legen Sie die Bildabmessungen fest.<\/strong> Geben Sie die Breite und H&ouml;he des Bildes an, damit sich das Layout Ihrer Seite beim Laden nicht verschiebt.<\/li>\n\n\n\n<li><strong>F&uuml;gen Sie ein alt-Attribut hinzu.<\/strong> Geben Sie einen Alternativtext f&uuml;r Barrierefreiheit und SEO an, der Screenreadern und Suchmaschinen Informationen &uuml;ber das Bild liefert.<\/li>\n\n\n\n<li><strong>Pr&uuml;fen Sie den Code auf Fehler und speichern Sie die &Auml;nderungen.<\/strong> &Uuml;berpr&uuml;fen Sie Ihren Code auf Tippfehler und speichern Sie die Datei, damit Ihre &Auml;nderungen wirksam werden.<\/li>\n\n\n\n<li><strong>Verlinken Sie das Bild.<\/strong> Machen Sie Ihr Bild anklickbar, indem Sie das <strong>&lt;img&gt;<\/strong>-Tag mit einem <strong>&lt;a&gt;<\/strong>-Tag umschlie&szlig;en und es mit Ihrer Startseite oder einer anderen relevanten Seite verlinken.<br><\/li>\n<\/ol><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-kurzfassung\">Kurzfassung<\/h2><ul class=\"wp-block-list\">\n<li>Um ein Bild in HTML einzuf&uuml;gen, laden Sie es auf Ihren Server oder in Ihre Medienbibliothek hoch und kopieren Sie die im Internet zug&auml;ngliche URL.<\/li>\n\n\n\n<li>&Ouml;ffnen Sie die HTML- oder Theme-Datei, in der das Bild erscheinen soll, und f&uuml;gen Sie ein <code>&lt;img&gt;<\/code>-Tag mit den Attributen <code>src<\/code>, <code>width<\/code>, <code>height<\/code> und <code>alt<\/code> hinzu.<\/li>\n\n\n\n<li>Speichern Sie die Datei, pr&uuml;fen Sie, ob das Bild korrekt angezeigt wird, und umschlie&szlig;en Sie das <code>&lt;img&gt;<\/code>-Tag mit einem <code>&lt;a&gt;<\/code>-Tag, um das Bild anklickbar zu machen.<\/li>\n<\/ul><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-1-bereiten-sie-ihr-bild-vor-und-laden-sie-es-hoch\">1. Bereiten Sie Ihr Bild vor und laden Sie es hoch<\/h2><p class=\"wp-block-paragraph\">Bevor Sie ein Bild per HTML einf&uuml;gen k&ouml;nnen, muss es auf Ihrem Webserver vorhanden sein. Optimieren Sie dazu Ihre Bilddatei und laden Sie sie an einen Speicherort hoch, an dem sie &uuml;ber eine direkte, &ouml;ffentlich zug&auml;ngliche URL erreichbar ist. Diese ben&ouml;tigen Sie sp&auml;ter f&uuml;r das <strong>src<\/strong>-Attribut.<\/p><p class=\"wp-block-paragraph\">F&uuml;r WordPress-Nutzer erfolgt dies in der Regel &uuml;ber die Medienbibliothek:<\/p><ol class=\"wp-block-list\">\n<li>Navigieren Sie in Ihrem WordPress-Dashboard zu <strong>Medien &rarr; Neu hinzuf&uuml;gen<\/strong>.<\/li>\n\n\n\n<li>Ziehen Sie Ihre Bilddatei per Drag-and-Drop in das Feld oder w&auml;hlen Sie sie aus, um sie hochzuladen.<\/li>\n\n\n\n<li>Klicken Sie nach dem Upload neben dem Bild auf <strong>URL in die Zwischenablage kopieren<\/strong>. Halten Sie diese URL f&uuml;r die n&auml;chsten Schritte bereit.<\/li>\n<\/ol><div class=\"wp-block-image is-style-default\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff639dd7\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff639dd7\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"503\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-neue-Medien-hochladen-URL-in-die-Zwischenablage-kopieren-hervorgehoben.png\/w=1024,h=1024,fit=scale-down\" alt=\"Schaltfl&auml;che URL in die Zwischenablage kopieren auf der WordPress-Medienseite hervorgehoben\" class=\"wp-image-14735\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-neue-Medien-hochladen-URL-in-die-Zwischenablage-kopieren-hervorgehoben.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-neue-Medien-hochladen-URL-in-die-Zwischenablage-kopieren-hervorgehoben.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-neue-Medien-hochladen-URL-in-die-Zwischenablage-kopieren-hervorgehoben.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Alternativ k&ouml;nnen Sie den Dateimanager Ihres Hosting-Control-Panels verwenden. Diese Methode eignet sich besonders f&uuml;r statische Websites oder wenn Sie Bilder au&szlig;erhalb des standardm&auml;&szlig;igen WordPress-Upload-Ordners ablegen m&ouml;chten.<\/p><p class=\"wp-block-paragraph\">Hostinger-Nutzer k&ouml;nnen beispielsweise unseren intuitiven Dateimanager verwenden. Damit haben Sie direkten Zugriff auf die Dateistruktur Ihrer Website. Navigieren Sie einfach zum Verzeichnis <strong>public_html<\/strong> oder zu einem Unterordner wie <strong>images<\/strong> und klicken Sie auf <strong>Hochladen<\/strong>, um Ihre Datei hinzuzuf&uuml;gen.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff63ab1d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff63ab1d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/hpanel-dateimanager-hochladen-hervorgehoben.png\/w=1024,h=1024,fit=scale-down\" alt=\"Schaltfl&auml;che Hochladen im Ordner public_html des Hostinger-Dateimanagers hervorgehoben\" class=\"wp-image-14738\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/hpanel-dateimanager-hochladen-hervorgehoben.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/hpanel-dateimanager-hochladen-hervorgehoben.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/hpanel-dateimanager-hochladen-hervorgehoben.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><figure class=\"wp-block-image size-large\"><a aria-label=\"Webhosting\" href=\"\/de\/webhosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\" alt=\"\" class=\"wp-image-3553\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2024\/02\/DE-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-2-offnen-sie-die-html-datei-ihres-themes\">2. &Ouml;ffnen Sie die HTML-Datei Ihres Themes<\/h2><p class=\"wp-block-paragraph\">Dazu bearbeiten Sie zentrale Vorlagendateien wie <strong>header.php<\/strong> oder <strong>footer.php<\/strong>, die das Layout Ihrer Website steuern. Soll das Bild auf jeder Seite erscheinen, beispielsweise als Logo in der Kopfzeile, m&uuml;ssen Sie diese Dateien statt eines einzelnen Beitrags bearbeiten.<\/p><p class=\"wp-block-paragraph\">Erstellen Sie immer ein Backup Ihrer Website, bevor Sie Theme-Dateien bearbeiten. Bereits ein kleiner Fehler kann Ihre Website unbrauchbar machen. Mit einem Backup k&ouml;nnen Sie sie schnell wiederherstellen.<\/p><p class=\"wp-block-paragraph\">Wir empfehlen au&szlig;erdem dringend, diese &Auml;nderungen in einem <a href=\"\/de\/tutorials\/wordpress-child-theme-erstellen\/\">Child-Theme<\/a> vorzunehmen, damit Ihre Anpassungen bei einem Update des &uuml;bergeordneten Themes nicht &uuml;berschrieben werden.<\/p><p class=\"wp-block-paragraph\">Nachdem Sie ein Backup erstellt haben, f&uuml;hren Sie im <a href=\"\/de\/tutorials\/wordpress-theme-editor\/\">WordPress-Theme-Editor<\/a> die folgenden Schritte aus:<\/p><ol class=\"wp-block-list\">\n<li>Gehen Sie im WordPress-Dashboard zu <strong>Darstellung &rarr; Theme-Datei-Editor<\/strong>.<\/li>\n\n\n\n<li>W&auml;hlen Sie auf der rechten Seite das aktive Theme aus.<\/li>\n\n\n\n<li>Suchen Sie die Datei, die Sie bearbeiten m&ouml;chten. F&uuml;r ein Logo in der Kopfzeile ist dies in der Regel <strong>header.php<\/strong>, f&uuml;r ein Element in der Fu&szlig;zeile <strong>footer.php<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf die Datei, um sie im Editor zu &ouml;ffnen.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff63c491\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff63c491\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"578\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-edit-Themes-header-php-selected.png\/w=1024,h=1024,fit=scale-down\" alt=\"header.php im WordPress-Theme-Datei-Editor ausgew&auml;hlt\" class=\"wp-image-14737\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-edit-Themes-header-php-selected.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-edit-Themes-header-php-selected.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-edit-Themes-header-php-selected.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-3-fugen-sie-das-src-attribut-zum-tag-hinzu\">3. F&uuml;gen Sie das src-Attribut zum <strong>&lt;img&gt;-Tag<\/strong> hinzu<\/h2><p class=\"wp-block-paragraph\">F&uuml;gen Sie das <strong>&lt;img&gt;<\/strong>-Tag in Ihre HTML-Datei ein und geben Sie mit dem <strong>src<\/strong>-Attribut die URL des Bildes an. Das <strong>&lt;img&gt;<\/strong>-Tag weist den Browser an, ein Bild anzuzeigen. Es ist ein sogenanntes leeres Tag und ben&ouml;tigt daher kein schlie&szlig;endes <strong>&lt;\/img&gt;<\/strong>-Tag.<\/p><p class=\"wp-block-paragraph\">Das <strong>src<\/strong>-Attribut, kurz f&uuml;r &bdquo;source&ldquo;, ist dabei entscheidend, da es dem Browser mitteilt, wo sich das Bild befindet. Hier f&uuml;gen Sie die Datei-URL ein, die Sie in Schritt 1 aus Ihrer Medienbibliothek kopiert haben.<\/p><p class=\"wp-block-paragraph\">Suchen Sie die entsprechende Stelle in Ihrem Code, beispielsweise innerhalb des <strong>&lt;header&gt;<\/strong>-Abschnitts in <strong>header.php<\/strong>, und f&uuml;gen Sie den folgenden Codeausschnitt ein. Ersetzen Sie die Platzhalter-URL durch die tats&auml;chliche URL Ihres Bildes:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;img src=\"https:\/\/your-domain.tld\/wp-content\/uploads\/2025\/11\/your-image.png\"&gt;<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff63d533\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff63d533\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"504\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-hervorgehoben.png\/w=1024,h=1024,fit=scale-down\" alt=\"src-Attribut des &lt;img&gt;-Tags im WordPress-Theme-Datei-Editor hervorgehoben\" class=\"wp-image-14736\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-hervorgehoben.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-hervorgehoben.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-hervorgehoben.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Diese vollst&auml;ndige URL wird als absoluter Pfad bezeichnet. Beim Bearbeiten von Theme-Dateien ist dies die zuverl&auml;ssigste Methode.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-4-legen-sie-die-breite-und-hohe-des-bildes-fest\">4. Legen Sie die Breite und H&ouml;he des Bildes fest<\/h2><p class=\"wp-block-paragraph\">Legen Sie die Breite und H&ouml;he des Bildes fest, indem Sie die Attribute <strong>width<\/strong> und <strong>height<\/strong> direkt zum <strong>&lt;img&gt;<\/strong>-Tag hinzuf&uuml;gen. Diese Attribute sind f&uuml;r die Performance Ihrer Website und die Benutzererfahrung wichtig, da sie dem Browser bereits vor dem Laden des Bildes genau mitteilen, wie viel Platz er daf&uuml;r reservieren soll.<\/p><p class=\"wp-block-paragraph\">Diese Vorgehensweise verhindert Cumulative Layout Shift (CLS), bei dem sich Seiteninhalte beim Laden von Bildern st&ouml;rend verschieben.<\/p><p class=\"wp-block-paragraph\">F&uuml;gen Sie die Attribute <strong>width<\/strong> und <strong>height<\/strong> zum <strong>&lt;img&gt;<\/strong>-Tag hinzu und geben Sie die urspr&uuml;nglichen Abmessungen des Bildes in Pixeln an.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;img src=\"https:\/\/your-domain.tld\/wp-content\/uploads\/2025\/11\/your-image.png\" width=\"180\" height=\"60\"&gt;<\/pre><p class=\"wp-block-paragraph\">Geben Sie dabei nur die Zahlen an und f&uuml;gen Sie innerhalb der HTML-Attribute kein <strong>px<\/strong> hinzu. Auch wenn Sie das Bild mithilfe von CSS responsiv gestalten, sollten Sie diese HTML-Attribute festlegen, um das urspr&uuml;ngliche Seitenverh&auml;ltnis des Bildes zu definieren.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-5-fugen-sie-einen-aussagekraftigen-alt-text-hinzu\">5. F&uuml;gen Sie einen aussagekr&auml;ftigen Alt-Text hinzu<\/h2><p class=\"wp-block-paragraph\">Das <strong>alt<\/strong>-Attribut enth&auml;lt einen Alt-Text, also eine kurze Beschreibung Ihres Bildes. Es ist aus zwei wesentlichen Gr&uuml;nden wichtig:<\/p><ul class=\"wp-block-list\">\n<li><strong>Barrierefreiheit.<\/strong> Screenreader verwenden den Alt-Text, um das Bild f&uuml;r sehbehinderte Nutzer zu beschreiben und die Website dadurch f&uuml;r alle zug&auml;nglich zu machen.<\/li>\n\n\n\n<li><strong>SEO.<\/strong> Suchmaschinen nutzen den Alt-Text, um Inhalt und Kontext des Bildes zu verstehen. Das kann dazu beitragen, dass Ihre Bilder in den Suchergebnissen besser platziert werden.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Ihr Alt-Text sollte kurz und aussagekr&auml;ftig sein. Wenn das Bild lediglich Ihr Logo zeigt, sollte der Alt-Text aus Ihrem Firmennamen und dem nachfolgenden Wort &bdquo;Logo&ldquo; bestehen.<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;img src=\"https:\/\/your-domain.tld\/wp-content\/uploads\/2025\/11\/your-image.png\" width=\"180\" height=\"60\" alt=\"A cat image\"&gt;<\/pre><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-6-prufen-sie-den-code-auf-fehler-und-speichern-sie-die-anderungen\">6. Pr&uuml;fen Sie den Code auf Fehler und speichern Sie die &Auml;nderungen<\/h2><p class=\"wp-block-paragraph\">Pr&uuml;fen Sie Ihr <strong>&lt;img&gt;<\/strong>-Tag auf Tippfehler und klicken Sie anschlie&szlig;end im WordPress-Editor auf <strong>Datei aktualisieren<\/strong>. Bereits ein einziges falsch platziertes Zeichen oder ein nicht geschlossenes Anf&uuml;hrungszeichen im <strong>&lt;img&gt;<\/strong>-Tag kann dazu f&uuml;hren, dass das Bild nicht angezeigt wird oder das Seitenlayout beeintr&auml;chtigt wird.<\/p><p class=\"wp-block-paragraph\">&Uuml;berpr&uuml;fen Sie die Codezeile noch einmal. Ihr vollst&auml;ndiges <code>&lt;img&gt;<\/code>-Tag sollte etwa so aussehen:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;img src=\"https:\/\/your-domain.tld\/wp-content\/uploads\/2025\/11\/your-logo.png\" width=\"180\" height=\"60\" alt=\"A cat image\"&gt;<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff63ec46\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff63ec46\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"608\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-breite-hoehe-alt-hervorgehoben.png\/w=1024,h=1024,fit=scale-down\" alt=\"Vollst&auml;ndiges &lt;img&gt;-Tag mit src, width, height und alt im Editor hervorgehoben\" class=\"wp-image-14739\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-breite-hoehe-alt-hervorgehoben.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-breite-hoehe-alt-hervorgehoben.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-img-src-breite-hoehe-alt-hervorgehoben.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Wenn Sie sich vergewissert haben, dass der Code korrekt ist, klicken Sie unten im Theme-Datei-Editor auf <strong>Datei aktualisieren<\/strong>. &Ouml;ffnen Sie Ihre Website anschlie&szlig;end in einem neuen Tab oder einem privaten Browserfenster und laden Sie die Seite neu, um das neue Bild zu sehen.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff63f707\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff63f707\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"498\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-header-image.png\/w=1024,h=1024,fit=scale-down\" alt=\"Neues Bild in der Kopfzeile einer WordPress-Website nach der Aktualisierung\" class=\"wp-image-14740\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-header-image.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-header-image.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-header-image.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-7-verlinken-sie-das-bild\">7. Verlinken Sie das Bild<\/h2><p class=\"wp-block-paragraph\">Um ein Bild zu verlinken, umschlie&szlig;en Sie das <strong>&lt;img&gt;<\/strong>-Tag mit einem <strong>&lt;a&gt;<\/strong>-Tag. Ein Bild in Ihrer Kopf- oder Fu&szlig;zeile, insbesondere ein Logo, sollte fast immer anklickbar sein.<\/p><p class=\"wp-block-paragraph\">Nutzer klicken intuitiv auf ein Logo, um zur Startseite zur&uuml;ckzukehren. Ein Bild zu verlinken, ist f&uuml;r eine gute Website-Navigation und Benutzererfahrung daher ein wichtiger Schritt.<\/p><p class=\"wp-block-paragraph\">Das <strong>&lt;a&gt;<\/strong>-Tag verwendet das <strong>href<\/strong>-Attribut, um die Ziel-URL festzulegen. So verlinken Sie Ihr neues Logo mit der Startseite Ihrer Website:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">  &lt;a href=\"https:\/\/your-domain.tld\/\"&gt;\n   &lt;img src=\"https:\/\/your-domain.tld\/wp-content\/uploads\/2025\/11\/your-logo.png\" width=\"180\" height=\"60\" alt=\"A cat image\"&gt;\n&lt;\/a&gt;<\/pre><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6ace6ff64071d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6ace6ff64071d\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"536\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-a-href-img-src-hervorgehoben.png\/w=1024,h=1024,fit=scale-down\" alt=\"href- und src-Attribute im WordPress-Theme-Editor hervorgehoben\" class=\"wp-image-14741\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-a-href-img-src-hervorgehoben.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-a-href-img-src-hervorgehoben.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/wordpress-admin-Themes-bearbeiten-a-href-img-src-hervorgehoben.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Klicken Sie nach dem Einf&uuml;gen des Codes erneut auf <strong>Datei aktualisieren<\/strong>. Wenn Sie Ihre Website jetzt aufrufen, ist Ihr Logo nicht nur sichtbar, sondern funktioniert auch als Link.<\/p><h2 class=\"wp-block-heading h-t-title-2\" id=\"h-nachste-schritte-organisieren-sie-ihre-bilder-in-der-wordpress-medienbibliothek\">N&auml;chste Schritte: Organisieren Sie Ihre Bilder in der WordPress-Medienbibliothek<\/h2><p class=\"wp-block-paragraph\">Das manuelle Einf&uuml;gen eines Bildes mit HTML eignet sich besonders f&uuml;r Theme-Elemente wie Logos. Wenn Ihre Website jedoch w&auml;chst, werden Sie Dutzende oder sogar Hunderte Bilder f&uuml;r Ihre Beitr&auml;ge und Seiten hochladen.<\/p><p class=\"wp-block-paragraph\">Dann wird die Verwaltung Ihrer Mediendateien immer wichtiger. Eine un&uuml;bersichtliche WordPress-Medienbibliothek erschwert es, Bilder zu finden, Inhalte wiederzuverwenden und die richtigen URLs zu ermitteln.<\/p><p class=\"wp-block-paragraph\">Um Ihre WordPress-Medienbibliothek zu organisieren, k&ouml;nnen Sie ein Plugin wie <strong>FileBird<\/strong> installieren, virtuelle Ordner erstellen und Ihre Mediendateien anschlie&szlig;end einfach per Drag-and-Drop in diese Ordner verschieben.<\/p><p class=\"wp-block-paragraph\">Wenn Sie Ihre Medien in Ordnern organisieren, gestalten Sie Ihre zuk&uuml;nftigen Arbeitsabl&auml;ufe mit Inhalten deutlich schneller und zuverl&auml;ssiger.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es ist wichtig zu wissen, wie Sie ein Bild in HTML einf&uuml;gen, wenn Sie ein Logo oder eine Grafik an einer bestimmten Stelle platzieren m&ouml;chten &ndash; beispielsweise in der Kopf- oder Fu&szlig;zeile, wenn Ihr Theme oder Inhaltseditor das Einf&uuml;gen dort nicht zul&auml;sst. Wenn Sie Bilder direkt mit HTML einf&uuml;gen, haben Sie die volle Kontrolle &uuml;ber [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/de\/tutorials\/bild-in-html-einfuegen\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":14734,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Bild in HTML einf\u00fcgen: Anleitung in 7 einfachen Schritten","rank_math_description":"Bild in HTML einf\u00fcgen: Erfahren Sie in 7 einfachen Schritten, wie Sie Bilder einbinden, Alt-Text hinzuf\u00fcgen und Bilder verlinken.","rank_math_focus_keyword":"bild in html einf\u00fcgen","footnotes":""},"categories":[107,57],"tags":[],"class_list":["post-14742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","category-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-insert-an-image-in-html\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-inserir-imagem-html-no-site\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/inserer-une-image-html\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/insertar-imagen-html\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-memasukkan-gambar-di-html\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/xmlrpc-wordpress\/","default":0},{"locale":"ar-AE","link":"http:\/\/www.hostinger.com\/ae\/tutorials\/xmlrpc-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-insert-an-image-in-html\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/insertar-imagen-html\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/insertar-imagen-html\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/insertar-imagen-html\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-inserir-imagem-html-no-site\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/bild-in-html-einfuegen","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/14742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/comments?post=14742"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/14742\/revisions"}],"predecessor-version":[{"id":14841,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/posts\/14742\/revisions\/14841"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media\/14734"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/media?parent=14742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/categories?post=14742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/de\/tutorials\/wp-json\/wp\/v2\/tags?post=14742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}