Ajar anda langkah demi langkah cara menggunakan tag img untuk menambah kesan imej (pengetahuan)

Dalam artikel sebelumnya "Cara menggunakan HTML untuk mencipta bar navigasi yang ringkas dan cantik (penjelasan kod terperinci) ", kami memperkenalkan cara menggunakan HTML untuk mencipta bar navigasi. Artikel berikut akan menunjukkan kepada anda cara menambah kesan imej pada teg img Mari lihat cara melakukannya bersama-sama.

tag

gunakan Kebanyakan imej yang dilihat pada halaman web ditakrifkan dengan teg ini.

Contoh kod:

<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="Ajar anda langkah demi langkah cara menggunakan tag img untuk menambah kesan imej (pengetahuan)" >

Penyampaian adalah seperti berikut:

Disebabkan standard, tiada penerangan yang jelas tentang imej yang diperlukan oleh penyemak imbas untuk menyokong Format.

Format biasa disokong secara meluas

• JPEG: mampatan tinggi

• GIF: gambar dinamik

• PNG: format grafik bitmap termampat tanpa rugi

• SVG: imej vektor

• SRC: Tentukan alamat storan imej dan tempat menyimpannya Tanpa atribut ini, penyemak imbas tidak akan tahu.

• Lebar dan Tinggi: Tentukan lebar dan tinggi imej Anda disyorkan untuk menggunakan CSS untuk mencapai ini.

Pembelajaran yang disyorkan: Tutorial video CSS

Atas ialah kandungan terperinci Ajar anda langkah demi langkah cara menggunakan tag img untuk menambah kesan imej (pengetahuan). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!