Diskon! Diskon! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMASUKAN GAMBAR DI HTML

Pelajari cara memasukkan gambar di HTML dengan langkah-langkah mudah dan jelas yang dapat dipahami oleh pemula sekalipun.

Daftar Isi:

Langkah Pertama: Persiapkan Ga...
Langkah Kedua: Menggunakan Tag...
Langkah Ketiga: Menampilkan Ga...

Memasukkan gambar ke dalam suatu website tentunya sangat penting untuk membuat website tersebut menjadi lebih menarik dan interaktif. Salah satu cara untuk memasukkan gambar ke dalam website adalah dengan menggunakan bahasa pemrograman HTML. HTML merupakan bahasa pemrograman dasar yang digunakan dalam pembuatan website. Jika kamu baru belajar HTML dan ingin tahu cara memasukkan gambar di HTML, kamu datang ke tempat yang tepat.

Langkah Pertama: Persiapkan Gambar yang Ingin Dimasukkan

Sebelum memasukkan gambar ke dalam HTML, tentunya kamu harus memiliki gambar yang ingin dimasukkan. Pastikan gambar tersebut disimpan di dalam folder yang sama dengan file HTML kamu, atau kamu punya link URL dari gambar tersebut jika gambar tersebut disimpan di internet.

Langkah Kedua: Menggunakan Tag Img

Untuk memasukkan gambar di HTML, kita menggunakan tag img. Tag img merupakan tag kosong dalam HTML, yang berarti tidak memerlukan tag penutup.

Berikut ini struktur penggunaan tag img:

<img src="lokasi_gambar" alt="deskripsi_gambar">

Dalam tag img, terdapat dua atribut penting yang harus kamu perhatikan, yaitu:

Atribut src

Atribut src digunakan untuk menunjukkan lokasi dari gambar yang ingin kita masukkan. Jika gambar tersebut berasal dari internet, maka kamu bisa menyisipkan link URL dari gambar tersebut.

Atribut alt

Atribut alt bersifat opsional dan digunakan sebagai deskripsi dari gambar. Deskripsi ini akan ditampilkan jika gambar tidak bisa ditampilkan.

Langkah Ketiga: Menampilkan Gambar di Halaman Web

Setelah memasukkan tag img dan atributnya, sekarang gambar seharusnya sudah bisa ditampilkan di halaman web kamu.

Misalnya, kamu memiliki gambar dengan nama contoh.jpg di folder yang sama dengan file HTML kamu. Maka, kamu dapat memasukkan gambar tersebut ke HTML dengan cara berikut:

<img src="contoh.jpg" alt="Ini adalah contoh gambar">

Jika kamu buka halaman web kamu, gambar contoh.jpg sudah bisa dilihat dengan deskripsi “Ini adalah contoh gambar”.

Demikianlah cara memasukkan gambar di HTML. Mudah bukan? Dengan mengikuti langkah-langkah di atas, kamu bisa membuat website kamu menjadi lebih menarik dan interaktif dengan penambahan gambar. Selamat mencoba!


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding