Aku punya sebuah gambar di komputerkudan ingin menampilkannya di halaman webku. Tag HTML apa yang digunakan untuk memasukkan gambar, dan bagaimana cara menyesuaikan ukurannya?
Gunakan tag <img> untuk menampilkan gambar di halaman web. Format dasarnya seperti ini:
html
<span class="hljs-tag"><<span class="hljs-name">img</span></span> <span class="hljs-attr">src</span>=<span class="hljs-string">"gambar.jpg"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"Deskripsi gambar"</span>>
src→ Menunjukkan lokasi gambar (bisa dari folder atau URL).alt→ Memberikan teks alternatif kalau gambar gagal dimuat.
Kalau mau menyesuaikan ukuran, bisa pakai atribut width dan height:
html
<span class="hljs-tag"><<span class="hljs-name">img</span></span> <span class="hljs-attr">src</span>=<span class="hljs-string">"gambar.jpg"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"Deskripsi gambar"</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"300"</span> <span class="hljs-attr">height</span>=<span class="hljs-string">"200"</span>>
Atau kalau mau lebih fleksibel, bisa pakai CSS:
html
<span class="hljs-tag"><<span class="hljs-name">img</span></span> <span class="hljs-attr">src</span>=<span class="hljs-string">"gambar.jpg"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"Deskripsi gambar"</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 100%; max-width: 500px;"</span>>