Inline Image adalah gambar grafik yang disisipkan ke dalam halaman web untuk menambah daya tarik visual, memberikan informasi atau untuk mewakili hyperlink. Gambar sebaris biasanya dalam format GIF, JPEG atau PNG. Mereka dimasukkan ke dalam halaman web menggunakan skema URI data.
Wanita melakukan handstand dengan komputer
URI data memungkinkan penyematan data berukuran kecil yang dapat diambil secara instan oleh browser. Gambar sebaris diambil oleh browser bersama dengan HTML dan ditampilkan sebagai bagian dari dokumen web. Agar browser dapat mengambil dan menampilkan gambar tanpa terlalu banyak waktu dan kesulitan, disarankan untuk menggunakan gambar sebaris berukuran kecil.
Gambar yang lebih besar akan memperlambat waktu pemuatan, dan menyebabkan situs membutuhkan waktu lama untuk muncul di layar. Sebagian besar pengunjung web tidak memiliki kesabaran untuk melihat hal itu terjadi. Ini akan berdampak buruk pada lalu lintas situs.
Inline Image HTML bersumber dari server situs web tempat gambar tersebut akan ditampilkan, atau disertakan dari server eksternal lainnya. Menggunakan gambar sebaris dari sumber eksternal adalah masalah perdebatan karena hal ini dapat dilakukan tanpa izin. Tag img digunakan untuk menyisipkan gambar sebaris ke dalam paragraf dan judul di halaman web. Tag img tidak dapat digunakan dalam bentuk mengambang bebas. Itu harus diapit di dalam unsur lain.
Atribut yang diperlukan dari tag img adalah atribut src. Atribut src menentukan alamat web atau URL dari mana browser dapat mengambil file gambar. Terlepas dari atribut src, gambar sebaris HTML dapat ditentukan oleh tiga atribut opsional. Ini adalah alt, align dan ismap.
Atribut alt menyediakan alternatif teks gambar sebaris. Jadi, jika browser pemirsa tidak mendukung grafik, pemirsa akan melihat teks menggantikan gambar. Menggunakan atribut alt sangat dianjurkan.
Nilai atribut alt dapat berupa string kosong. Misalnya, jika ada gambar dekoratif, tidak perlu memberikan teks alternatif untuk itu. Oleh karena itu, nilai atribut alt dapat dikosongkan.
Gaya gambar sebaris dapat diatur dengan atribut align. Atribut align memberi tahu browser di mana gambar sebaris harus muncul dalam kaitannya dengan teks pada halaman web. Gambar sebaris dapat disejajarkan dengan bagian atas, tengah, atau bawah teks yang berdekatan di halaman web.
Dengan atribut ismap, gambar sebaris dapat ditandai sebagai peta gambar aktif . Ini berarti bahwa bagian yang berbeda dari gambar dapat dibuat untuk menghasilkan tindakan yang berbeda setiap kali seseorang mengklik bagian yang berbeda. Misalnya, jika ada gambar sebaris yang menunjukkan Bumi dan Saturnus, mengklik Bumi dapat mengarah ke informasi tentang Bumi dan mengklik Saturnus dapat mengarah ke informasi tentang Saturnus.
Berbeda dengan atribut alt dan align, atribut ismap tidak bekerja hanya dengan penyertaan dalam tag img. Ini membutuhkan beberapa konfigurasi yang dilakukan di server. Sejumlah pengetahuan pemrograman juga mungkin diperlukan.