' Schild. Fügen Sie dann das „ Klasse ”-Attribut und vergeben Sie der Klasse nach Wunsch einen Namen.

---

---

Schritt 2: Überschrift einfügen

Verwenden Sie als Nächstes das erforderliche Überschriften-Tag von „

' zu '

' Schild. Zum Beispiel verwenden wir das

-Tag und fügen den jeweiligen Text als Überschrift in die öffnenden und schließenden Tags ein.

Schritt 3: Fügen Sie ein Bild mit URL hinzu

Fügen Sie danach ein „ ”-Tag und fügen Sie die unten aufgeführten Attribute in das Bild-Tag ein:

• „ Quelle ”-Attribut wird zum Hinzufügen der Mediendatei verwendet. Starten Sie dazu Ihren gewünschten Webbrowser und kopieren Sie die gewünschte Bild-URL.
• Geben Sie dann die URL als Wert des „ Quelle ” Attribut.
• Nächste, ' alles “ wird verwendet, um einen Namen für das Bild hinzuzufügen, wenn es aus irgendeinem Grund nicht angezeigt wird.
• „ Höhe ”-Eigenschaft gibt die Höhe des Elements gemäß dem angegebenen Wert an.
• „ Breite ” verwendet, um die Breite des Elements einzustellen:

< div Klasse = 'img-conatiner' >

< h2 > Bild mit URL hinzufügen < / h2 >

< Bild Quelle = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' alles = 'Bild!' Höhe = '400px' Breite = '300px' / >

< / div >

Gemäß der unten angegebenen Ausgabe wurde das angegebene Bild erfolgreich hinzugefügt:

Methode 2: Bild mithilfe von CSS-Eigenschaften in HTML hinzufügen

Entwickler können das Bild auch von einer URL mit dem CSS „ Hintergrundbild „CSS. Befolgen Sie zu diesem Zweck die unten angegebenen Schritte.

Schritt 1: Überschrift einfügen

Fügen Sie zunächst mit Hilfe des öffnenden und schließenden Tags

einen Überschriftentext ein.

Schritt 2: Erstellen Sie einen div-Container

Erstellen Sie als Nächstes einen div-Container, indem Sie das Tag