Bringen Sie Ihnen Schritt für Schritt bei, wie Sie mit dem img-Tag Bildeffekte hinzufügen (Wissen)

Im vorherigen Artikel „So erstellen Sie mit HTML eine einfache und schöne Navigationsleiste (detaillierte Codeerklärung)“ habe ich Ihnen vorgestellt, wie Sie mit HTML eine Navigationsleiste erstellen. Der folgende Artikel zeigt Ihnen, wie Sie dem img-Tag Bildeffekte hinzufügen. Sehen wir uns gemeinsam an, wie das geht. Das Tag

wird zum Definieren von Bildern auf Webseiten verwendet.

Codebeispiel:

<img  src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"  class="lazy"      style="max-width:90%"  style="max-width:90%" alt="Bringen Sie Ihnen Schritt für Schritt bei, wie Sie mit dem img-Tag Bildeffekte hinzufügen (Wissen)" >

Die Darstellung ist wie folgt:

Aufgrund des Standards gibt es keine klare Beschreibung der Bildformate, die der Browser unterstützen muss.

Gängige Formate werden weitgehend unterstützt

• JPEG: Hohe Komprimierung

• GIF: Dynamische Bilder

• PNG: Verlustfrei komprimiertes Bitmap-Grafikformat

• SVG: Vektorbilder

• SRC: Geben Sie die Bildspeicheradresse und den Speicherort an. Ohne dieses Attribut weiß der Browser nichts.

• Breite und Höhe: Geben Sie die Breite und Höhe des Bildes an. Es wird empfohlen, hierfür CSS zu verwenden.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen Schritt für Schritt bei, wie Sie mit dem img-Tag Bildeffekte hinzufügen (Wissen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!