Saat membuat halaman web menggunakan HTML, tag gambar digunakan untuk menyisipkan foto atau grafik di tempat tertentu pada halaman. Ada banyak cara agar gambar dapat digunakan pada halaman web, mulai dari menambah minat hingga digunakan sebagai alat navigasi atau untuk memberikan informasi. Ada juga beberapa format gambar yang berbeda yang dapat digunakan. Tidak peduli bagaimana atau gambar apa yang ditambahkan ke halaman web, tag gambar selalu diperlukan.
Untuk menambahkan gambar, tag gambar disertakan di tempat yang Anda inginkan agar gambar muncul di halaman Anda. Misalnya, jika gambar akan disisipkan setelah paragraf ini, tag gambar, atau , akan ditambahkan ke dokumen HTML setelah paragraf ini. labelnya mendefinisikan semua gambar dalam HTML. Ini disebut sebagai tag kosong, karena berisi atribut dan tidak memiliki tag penutup. Atribut adalah opsi yang tersedia untuk tag HTML tertentu.
Jika hanya ditambahkan ke dokumen HTML, tidak ada yang ditampilkan karena atribut tag belum disertakan. Atribut yang paling penting untuk adalah “src,” yang merupakan singkatan dari source. Atribut src menyatakan di mana file gambar sebenarnya berada, atau itu adalah alamat untuk file gambar. Saat gambar sedang digunakan di halaman web, lokasi gambar akan diberikan sebagai URL. Dalam dokumen HTML, gambar akan terlihat seperti: .
Secara khusus, URL menunjuk ke tempat gambar disimpan. Misalnya, jika gambar komputer dengan nama file computer.jpg disimpan di folder gambar di www.Förklarade.com, URL akan diganti dengan: . Ketika browser membuka halaman web, ini akan menampilkan gambar di mana tag gambar disertakan.
Tag gambar memiliki sejumlah atribut lain yang berbeda. Mereka memungkinkan pengguna untuk menyesuaikan tampilan gambar di halaman. Atribut berikut biasanya digunakan untuk tag ini: alt, border, size, dan align.
Atribut alt adalah singkatan dari teks alternatif dan ditampilkan jika browser tidak dapat menampilkan gambar. Selain itu, teks alternatif dibacakan untuk pengguna yang mengalami gangguan visual dan memilih untuk menampilkan teks di atas gambar. Untuk contoh di atas, teks alternatif dapat dinyatakan sebagai alt=”gambar komputer”.
Atribut perbatasan menambahkan batas ke gambar dengan ketebalan tergantung pada jumlah piksel yang dinyatakan. Ini bisa sangat berguna ketika latar belakang gambar dan latar belakang situs web serupa, dan perbedaan yang jelas diinginkan. Misalnya, border=”10″ akan menempatkan batas tebal 10 piksel di sekitar gambar.
Atribut ukuran juga penting, karena lebar dan tinggi dapat digunakan untuk menentukan ukuran gambar yang tepat. Atribut ini perlu digunakan dengan sangat hati-hati, karena mengubahnya dapat memengaruhi proporsi atau kualitas gambar yang ditampilkan. Atribut ukuran tidak mengubah file yang sebenarnya, hanya bagaimana browser menampilkannya.
Atribut align menentukan bagaimana gambar disejajarkan dibandingkan dengan teks pada halaman. Ada beberapa pilihan yang berbeda untuk atribut ini, termasuk top, bottom, middle, left, right, absmiddle, absbottom, baseline dan texttop. Tag ini juga membantu menentukan bagaimana teks pada halaman sejajar dengan gambar.