CARA MEMASUKAN GAMBAR DI HTML DENGAN LINK

Mempelajari cara memasukkan gambar di halaman web HTML adalah salah satu langkah penting dalam proses belajar menjadi developer web. Dalam artikel ini, kita akan membahas cara mudah memasukkan gambar ke dalam halaman web HTML kamu dengan menggunakan link.

Langkah-langkah Memasukkan Gambar di HTML Menggunakan Link

1. Siapkan Link Gambar

Pertama-tama, kamu harus memiliki link dari gambar yang ingin kamu masukkan ke dalam halaman HTML. Link ini biasanya berupa URL yang mengarah langsung ke lokasi gambar tersebut di internet. Kamu bisa mendapatkan link ini dengan cara mengupload gambar ke layanan hosting gambar, atau menggunakan gambar yang sudah ada di internet.

2. Gunakan Tag

Setelah mendapatkan URL dari gambar, kamu perlu menggunakan tag <img> di dalam kode HTML kamu. Tag ini digunakan untuk menampilkan gambar di halaman web.

Contoh penggunaan tag tersebut adalah sebagai berikut:

<img src="URL_GAMBAR">

Ubah teks “URL_GAMBAR” tersebut dengan URL dari gambar yang ingin kamu tampilkan. Pastikan URL tersebut telah tepat dan lengkap agar gambar bisa ditampilkan dengan baik.

3. Menambahkan Atribut Alt

Selain attribut src yang berguna untuk mendefinisikan sumber gambar, tag <img> juga memiliki attribut lain yang bernama alt. Atribut ini digunakan untuk memberikan deskripsi alternatif jika gambar tidak dapat ditampilkan.

Contoh penggunaan:

<img src="URL_GAMBAR" alt="Deskripsi Gambar">

Ganti teks “Deskripsi Gambar” dengan deskripsi yang cocok untuk gambarmu.

Sebagai contoh, jika kamu memasukkan gambar dengan URL https://contoh.com/gambar.jpg dan deskripsi “Gambar Contoh”, kode HTML yang tepat adalah:

<img src="https://contoh.com/gambar.jpg" alt="Gambar Contoh">

Dengan kode tersebut, gambar akan ditampilkan di halaman webmu. Jika karena suatu alasan (seperti koneksi internet yang buruk atau URL gambar yang salah), gambar tidak bisa ditampilkan, deskripsi “Gambar Contoh” akan ditampilkan sebagai pengganti.

Kesimpulan

Memasukkan gambar ke dalam halaman web HTML kamu dengan menggunakan link adalah proses yang mudah dan cepat. Cukup temukan URL gambar yang kamu suka, lalu gunakan tag <img> untuk menampilkan gambar tersebut di situs kamu. Selalu ingat untuk menambahkan attribut alt sebagai deskripsi alternatif jika gambar tidak bisa ditampilkan.