Gambar tidak langsung dimasukkan ke dalam teks. Browser diberi tahu namanya dan diinstruksikan di mana dan bagaimana memposisikannya di layar. Untuk melakukan ini, gunakan satu tag img HTML. Ini menentukan lokasi objek grafis pada halaman web.
Jika banyak atribut opsional untuk tag, maka tag img harus memiliki setidaknya satu parameter - alamat gambar. Atribut ini disebut src:
- - ini akan menampilkan file goat-j.webp" />
- - dengan parameter tag img ini, browser akan memuat gambar yang diposting di Internet di situs megasellmag.ru.
Atribut perataan
Untuk memposisikan gambar pada halaman menggunakan HTML, tag img digunakan, atribut yang bertanggung jawab untuk menempatkan gambar pada halaman dan sifat pembungkus teksnya.
Secara default, browser menempatkan gambar di tengah layar, dan teks tidak membungkusnya. Tag img akan memungkinkan Anda untuk mengekspresikan ketidaksetujuan Anda dengan browser menggunakan atribut align (penyelarasan).
- gambar akan ditempatkan di tepi kiri halaman, dan teks akan mengelilinginya di sebelah kanan.
Perilaku teks akan serupa jika gambar diletakkan di kanan (align=right), di tengah (align=middle), atas (align=top), bawah(selaras=bawah) dan tengah (tengah).
Pengaturan dan ukuran
Untuk mencegah teks merayap ke dalam gambar, tag img telah memperoleh atribut khusus -hspace (margin horizontal/horizontal) dan vspace (margin vertikal/vertikal), yang menentukan jumlah lekukan teks dari tepi gambar di piksel.
Gambar tidak hanya akan menjauh dari teks dengan jumlah yang ditentukan, tetapi juga menjauh dari tepi halaman, jadi sebaiknya hindari indentasi besar.
Dimensi geometris gambar sangat penting, yang tidak hanya diinginkan, tetapi terkadang hanya diperlukan untuk menentukan tampilan gambar yang benar. Untuk ini, atribut lebar (lebar) dan tinggi (tinggi) digunakan, yang nilainya diatur dalam piksel atau persentase.
Jika Anda hanya menentukan lebar, tinggi akan dipilih secara otomatis dengan proporsi aslinya. Ukuran persentase memungkinkan Anda untuk menempatkan gambar di bagian kanan halaman, terlepas dari ukuran jendela browser, dan kebutuhan ini sering muncul.
Opsi lain
Atribut perbatasan menyelubungi gambar dalam bingkai dengan ketebalan yang ditentukan, yang tidak dilakukan browser secara default.
Perbatasan juga dapat memiliki lebar nol yang tampaknya tidak berarti (batas='0'), tetapi itu sampai gambar menjadi tautan, ketika browser secara otomatis melingkarinya dengan batas biru tanpa menunggu instruksi.
Beberapa pengguna yang tidak sabar, marah dengan kecepatan internet yang rendah, hanya akan menonaktifkan tampilan gambar. Untuk kasus seperti itu, parameter alt disediakan, yang memungkinkan Anda untuk memasukkanteks alternatif yang akan dilihat pengguna di kotak tempat gambar sedang terburu-buru untuk dimuat.
Jika Anda tidak menyukai kemungkinan parameter alt, tag img dapat menawarkan atribut longdesc, yang nilainya adalah URL dokumen dengan deskripsi yang lebih detail.
Atribut usemap dan ismap memberi tahu browser bahwa gambar akan menjadi gambar di mana hyperlink adalah area yang terpisah (tautan peta), hanya parameter usemap yang menentukan peta navigasi di server, dan ismap - peta di sisi klien.
Deskripsi link 1 pada gambar di bawah ini:
Barang eksotis
Atribut lowsrc menginstruksikan browser untuk mengunduh salinan (atau alternatif lain) dari gambar asli terlebih dahulu dengan kualitas yang lebih rendah dan, oleh karena itu, gambar yang "lebih ringan". Trik ini disediakan jika kecepatan Internet pengguna rendah. Gambar asli, saat diunggah, menggantikan "palsu".
Atribut galleryimg yang kurang umum digunakan dari tag img memanggil panel kontrol gambar (saat diarahkan ke atas), memungkinkan Anda untuk membuka folder Gambar Saya default dan mencetak, menyimpan, atau mengirim gambar melalui email. Anda dapat menonaktifkan panel dengan menyetel parameter galleryimg ke no/false, dan mengaktifkannya dengan menyetel yes/true.
Dalam spesifikasi HTML5 yang baru, sejumlah tag memiliki beberapa parameter yang tidak digunakan lagi. Misalnya, atribut lowsrc, border, longdesc, dan name dari img telah dihentikan.
