Penjelasan terperinci tentang penggunaan asas teg imej img dalam pengeluaran halaman HTML/XHTML_HTML/Xhtml_Web

Tag imej digunakan untuk memaparkan imej pada halaman web.
Imej HTML/XHTML
Dalam XHTML, teg ialah teg tidak berpasangan.

Sintaks asas:

Kod XML/HTMLSalin kandungan ke papan keratan

1. <img src="url" />

Teg

menentukan sumber imej melalui atribut src dan url ialah alamat imej relatif atau mutlak.

Atribut teg imej:
src: sumber imej, diperlukan. Tentukan alamat sumber imej yang dipaparkan, yang boleh menjadi alamat relatif atau alamat mutlak.
alt: teks alternatif, boleh ditinggalkan. Ia digunakan untuk menggantikan teks yang dipaparkan apabila imej tidak dapat dipaparkan atau penyemak imbas menyekat imej.
tajuk: teks gesaan imej, boleh ditinggalkan. Apabila tetikus melayang di atas gambar, teks yang berkaitan akan digesa.
lebar: Lebar paparan imej, boleh diabaikan. Unit ialah piksel.
tinggi: Ketinggian paparan imej, yang boleh diabaikan. Unit ialah piksel.

Atribut penggantian teks (alt)
Atribut penggantian teks bagi teg imej alt Walaupun bukan atribut yang diperlukan, ia adalah atribut yang sangat penting. Apabila penyemak imbas gagal membaca imej atas sebab tertentu, teks alternatif ini akan dipaparkan untuk menggantikan imej asal untuk memberikan maklumat imej berkaitan yang hilang. Atribut ini juga membantu pengguna yang menggunakan pelayar teks sahaja memahami kandungan halaman tersebut.
Oleh itu, adalah amalan yang baik untuk menambah atribut penggantian teks alt yang bermakna pada setiap imej.

Amalan penggunaan teg
Buat folder imej di bawah folder e:html untuk menyimpan fail imej. Klik kanan gambar di bawah dan pilih "Simpan Imej Sebagai" untuk menyimpan gambar ke folder imej untuk kegunaan kemudian.

Edit contoh XHTML kecil kami 1.html dan buat perubahan berikut dalam teg div dengan id="main-content":

Kod XML/HTMLSalin kandungan ke papan keratan

1. <h3>Tajuk artikelh3 >
2. <p>Kandungan terperinci artikel p>
3. <p><img src="images/flower_1.jpg" alt= "Bunga" />p>

Dengan cara ini kami memaparkan imej pada halaman web.

Nyatakan saiz paparan imej
Anda boleh menambah atribut lebar atau ketinggian pada teg untuk menentukan saiz paparan imej secara manual:

Kod XML/HTMLSalin kandungan ke papan keratan

1. <img src="images/flower_1.jpg " alt="Blume" Breite= "350" Höhe="270" />

Tipps
Unter normalen Umständen wird das Bildgrößenattribut ignoriert und standardmäßig die Originalbildgröße angezeigt oder der Browser passt die Größenanzeige an. Die Angabe einer ungeeigneten Bildanzeigegröße kann dazu führen, dass das Bild verzerrt erscheint.
Da das Laden von Bildern eine gewisse Zeit in Anspruch nimmt, sollten Sie versuchen, die Größe des Bildes zu reduzieren und gleichzeitig die Bildqualität sicherzustellen, um ein gutes Benutzerzugriffserlebnis zu erzielen.

Erweiterte Lektüre
Pixel: Wir können uns ein Pixel als den kleinsten Punkt vorstellen, den ein Computer beispielsweise oft mit 1024*768 anzeigen kann Der Bildschirm hat horizontal 1024 (Pixel) Punkte und vertikal 768 (Pixel) Punkte. Wenn es als Einheit verwendet wird, wird es im Allgemeinen standardmäßig als pix geschrieben.