Rumah >hujung hadapan web >tutorial css >Ajar anda langkah demi langkah cara menggunakan tag img untuk menambah kesan imej (pengetahuan)

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

奋力向前
奋力向前asal
2021-07-29 16:21:025617semak imbas

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.

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

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

Ajar anda langkah demi langkah cara menggunakan tag img untuk menambah kesan imej (pengetahuan) gunakan Kebanyakan imej yang dilihat pada halaman web ditakrifkan dengan teg ini.

Contoh kod:

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

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

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

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

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn