Apa cara yang tepat untuk menggunakan tag gambar HTML?
Gambar sering ditambahkan ke halaman web agar terlihat lebih menarik dan menarik dibandingkan dengan halaman teks biasa.Menggunakan tag gambar HTML, mudah untuk menambahkan gambar ke halaman web apa pun.Tag ini juga memiliki sejumlah atribut, atau karakteristik, yang dapat Anda tentukan.
Saat menambahkan gambar ke halaman web, penting untuk diingat bahwa gambar sebenarnya bukan bagian dari file yang membentuk halaman web itu sendiri.File yang digunakan untuk halaman web adalah file terpisah dari semua file gambar.Tag gambar HTML mengacu pada browser web ke file gambar tertentu untuk gambar yang ingin Anda tunjukkan.Ketika halaman web ditampilkan di browser, file gambar ditampilkan bersama dengan file lain yang membentuk halaman itu.
Kode untuk tag gambar HTML adalah: lt; img src ' lokasi gambar / gt;.Lokasi gambar adalah nama file untuk gambar yang ingin Anda tunjukkan dan di mana gambar disimpan.Penting bagi Anda untuk mendapatkan informasi ini dengan benar untuk memastikan gambar ditampilkan dengan benar.Organisasi dan penyimpanan gambar yang ingin Anda gunakan di halaman web Anda adalah pertimbangan penting.
Beberapa orang menyimpan gambar mereka di direktori yang sama seperti semua bagian lain dari halaman web mereka.Dalam hal ini, ketika Anda merujuk pada gambar, Anda hanya akan memasukkan nama file dalam tag gambar HTML.Ketika halaman web memiliki sejumlah gambar, adalah umum untuk membuat subdirektori, sering disebut gambar .Dalam hal ini, nama subdirektori juga akan dimasukkan dalam tag.
Sebagai contoh, inilah yang akan kami lakukan untuk memasukkan gambar pohon, nama file.jpg, ke halaman web.Jika kami telah menyimpan gambar pohon di tempat yang sama dengan file halaman web kami yang lain, tag gambar HTML akan lt; img src ' tree.jpg gt;.Jika file gambar disimpan dalam subdirektori dalam direktori halaman web kami, tag akan diubah menjadi lt; img src ' gambar/pohon.jpg gt;.Yang penting untuk diingat adalah bahwa tag gambar HTML memberikan referensi, atau jalur, ke file gambar.Pada dasarnya, ini memberi tahu browser di mana mencari file.
Tag gambar HTML memiliki sejumlah atribut yang dapat ditentukan untuk gambar yang ingin Anda sertakan.Atribut adalah karakteristik tag itu sendiri dan karenanya digunakan dalam tag, atau antara lt;dan gt;.Atribut yang digunakan dengan tag gambar HTML adalah:
- Align mdash;Menentukan bagaimana gambar Anda selaras sehubungan dengan teks di halaman Anda (kiri, kanan, atas, tengah, bawah)
- alt mdash;mengacu pada teks alternatif.Ini adalah atribut yang sangat penting dan harus dimasukkan untuk semua gambar Anda.Ini menentukan teks yang ditampilkan alih -alih gambar
- perbatasan mdash;Menambahkan perbatasan pada gambar Anda, dengan ketebalan yang ditentukan dalam piksel
- tinggi dan lebar mdash;Dapat digunakan untuk menentukan lebar dan tinggi gambar yang Anda inginkan, yang memungkinkan Anda mengubah ukuran gambar.Hati -hati menggunakan atribut ini karena Anda dapat mengubah kualitas gambar dan proporsi, menghasilkan gambar berkualitas buruk
- VSpace dan hspace mdash;digunakan untuk menambahkan ruang putih di sekitar gambar Anda.