Di HTML, apa itu tag gambar?

Saat membuat halaman web menggunakan HTML, tag gambar digunakan untuk memasukkan foto atau grafik di tempat tertentu pada halaman.Ada banyak cara yang dapat digunakan gambar di halaman web, dari menambah minat untuk digunakan sebagai alat navigasi atau untuk memberikan informasi.Ada juga beberapa format gambar 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 mana Anda ingin gambar muncul di dalam halaman Anda.Misalnya, jika suatu gambar dimasukkan setelah paragraf ini, tag gambar, atau lt; img gt;, akan ditambahkan ke dokumen HTML setelah paragraf ini.Tag lt; img gt;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 lt; img gt;ditambahkan ke dokumen HTML, tidak ada yang akan ditampilkan karena atribut tag belum dimasukkan.Atribut terpenting untuk lt; img gt;adalah src, yang merupakan singkatan dari sumber.Atribut SRC menyatakan di mana file gambar sebenarnya berada, atau itu adalah alamat untuk file gambar.Karena gambar sedang digunakan pada halaman web, lokasi gambar akan diberikan sebagai URL.Dalam dokumen HTML, gambar akan terlihat seperti: lt; img src ' url /gt;.

spesifik, URL menunjuk ke tempat gambar disimpan.Misalnya, jika gambar komputer dengan fileName computer.jpg disimpan di folder gambar di www.wisegeek.com, URL akan diganti dengan: lt; img src ' www.wergeek.com/gambar/komputer.jpg / gt;.Ketika browser membuka halaman web, itu menampilkan gambar di mana tag gambar disertakan.

Tag gambar memiliki sejumlah atribut lain yang berbeda.Mereka memungkinkan pengguna untuk menyesuaikan penampilan gambar pada halaman.Atribut berikut biasanya digunakan untuk tag ini: alt, border, size, dan align.

Atribut Alt singkatan dari Teks Alternatif dan ditampilkan jika browser tidak dapat menampilkan gambar.Juga, teks alternatif dibaca untuk pengguna yang ditantang secara visual dan memilih untuk menampilkan teks daripada 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 perbatasan tebal 10 piksel di sekitar gambar.

Ukuran Atribut juga penting, karena lebar dan tinggi dapat digunakan untuk menentukan ukuran yang tepat dari suatu gambar.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, bagaimana browser menampilkannya.

Atribut Align Menentukan bagaimana gambar diselaraskan dibandingkan dengan teks pada halaman.Ada beberapa pilihan berbeda untuk atribut ini, termasuk atas, bawah, tengah, kiri, kanan, absmiddle, absbottom, baseline dan texttop.Tag ini juga membantu menentukan bagaimana teks pada halaman selaras dengan gambar.