Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

奋力向前
Freigeben: 2021-07-29 16:32:06
Original
5611 Leute haben es durchsucht

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

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

Bringen Sie Ihnen Schritt für Schritt bei, wie Sie mit dem img-Tag Bildeffekte hinzufügen (Wissen) wird zum Definieren von Bildern auf Webseiten verwendet.

Codebeispiel:

<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    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)" >
Nach dem Login kopieren

Die Darstellung ist wie folgt:

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

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

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

  • 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage