Gambar tidak hanya dimasukkan terus ke dalam teks. Pelayar diberitahu namanya dan diarahkan di mana dan cara meletakkannya pada skrin. Untuk melakukan ini, gunakan teg img HTML tunggal. Ia menentukan lokasi objek grafik pada halaman web.
Jika banyak atribut adalah pilihan untuk teg, maka teg img mesti mempunyai sekurang-kurangnya satu parameter - alamat imej. Atribut ini dipanggil src:
- - ini akan memaparkan fail goat-j.webp" />
- - dengan parameter teg img ini, penyemak imbas akan memuatkan imej yang disiarkan di Internet di tapak megasellmag.ru.
Atribut penjajaran
Untuk meletakkan imej pada halaman menggunakan HTML, teg img digunakan, atribut yang bertanggungjawab untuk meletakkan imej pada halaman dan sifat pembalut teksnya.
Secara lalai, penyemak imbas meletakkan imej di tengah-tengah skrin dan teks tidak membungkusnya. Teg img akan membolehkan anda menyatakan ketidaksetujuan anda dengan penyemak imbas menggunakan atribut penjajaran (penjajaran).
- gambar akan diletakkan di tepi kiri halaman dan teks akan mengelilinginya di sebelah kanan.
Tingkah laku teks akan serupa jika imej diletakkan di sebelah kanan (sejajar=kanan), di tengah (sejajar=tengah), atas (sejajar=atas), bawah(sejajar=bawah) dan tengah (tengah).
Tetapan dan saiz
Untuk mengelakkan teks daripada menjalar ke dalam imej, teg img telah memperoleh atribut khas -hspace (margin mendatar/mendatar) dan vspace (margin menegak/menegak), yang menentukan jumlah lekukan teks daripada tepi imej dalam piksel.
Gambar bukan sahaja akan bergerak menjauhi teks mengikut jumlah yang ditentukan, tetapi juga bergerak menjauhi tepi halaman, jadi sebaiknya elakkan inden besar.
Dimensi geometri imej adalah sangat penting, yang bukan sahaja diingini, tetapi kadangkala perlu ditentukan untuk paparan imej yang betul. Untuk ini, atribut lebar (lebar) dan tinggi (tinggi) digunakan, yang nilainya ditetapkan dalam piksel atau peratusan.
Jika anda hanya menentukan lebar, ketinggian akan dipilih secara automatik dengan perkadaran asal. Saiz peratusan membolehkan anda meletakkan imej di bahagian kanan halaman, tanpa mengira saiz tetingkap penyemak imbas, dan keperluan ini sering timbul.
Pilihan lain
Atribut sempadan melampirkan imej dalam bingkai dengan ketebalan yang ditentukan, yang tidak dilakukan oleh penyemak imbas secara lalai.
Sempadan juga boleh mempunyai lebar sifar yang kelihatan tidak bermakna (sempadan='0'), tetapi itu sehingga imej menjadi pautan, apabila penyemak imbas secara automatik melingkarinya dengan sempadan biru tanpa menunggu arahan.
Sesetengah pengguna yang tidak sabar, marah dengan kelajuan internet yang rendah, hanya akan melumpuhkan paparan gambar. Untuk kes sedemikian, parameter alt disediakan, yang membolehkan anda masukteks alternatif yang pengguna akan lihat dalam kotak di mana imej sedang tergesa-gesa untuk dimuatkan.
Jika anda tidak menyukai kemungkinan parameter alt, teg img boleh menawarkan atribut longdesc, yang nilainya ialah URL dokumen dengan penerangan yang lebih terperinci.
Atribut usemap dan ismap memberitahu penyemak imbas bahawa imej akan menjadi gambar di mana hiperpautan adalah kawasan berasingan (peta pautan), hanya parameter usemap menentukan peta navigasi pada pelayan dan ismap - peta pada pihak pelanggan.
Perihalan pautan 1 dalam rajah di bawah:
Item eksotik
Atribut lowsrc mengarahkan penyemak imbas untuk memuat turun salinan (atau alternatif lain) imej asal dengan kualiti yang lebih rendah dan, oleh itu, yang "lebih ringan" terlebih dahulu. Silap mata ini disediakan sekiranya kelajuan Internet rendah untuk pengguna. Imej asal, apabila dimuat naik, menggantikan "palsu".
Atribut galleryimg yang kurang biasa digunakan bagi teg img memanggil panel kawalan imej (apabila dituding di atas), membolehkan anda membuka folder Gambar Saya lalai dan mencetak, menyimpan atau menghantar e-mel imej. Anda boleh melumpuhkan panel dengan menetapkan parameter galleryimg kepada tidak/salah dan dayakannya dengan menetapkan ya/benar.
Dalam spesifikasi HTML5 baharu, beberapa teg mempunyai beberapa parameter yang ditamatkan. Contohnya, atribut lowsrc, border, longdesc dan name bagi img telah ditamatkan.
