Belajar HTML Part 3 : Cara Import Image pada HTML

Website tanpa gambar terasa hampa yaa… Benarkan ?

Makanya Yuk sekarang kita pelajari bagaimana cara menambahkan gambar pada Website kita

Cara Menambahkan Gambar di HTML

Untuk menambahkan gambar pada HTML yaitu dengan menggunakan Tag <img>. Karena di Tag <img> wajib memiliki attribute src.

Di dalam attribute src ini, jika kita tidak mengisinya, maka gambar tidak akan tampil di website kita.

Berikut cara penulisannya

Didalam src nya bisa kalian isi dengan nama file gambar kalian. Tetapi SYARATNYA HARUS SATU FOLDER DENGAN FILE HTML NYA, seperti gambar dibawah ini..

Cara Mengatur Ukuran dari Image pada HTML

Saat kita mengimport gambar ke HTML kita, dengan ukuran bawaannya, mungkin bisa lebih besar atau lebih kecil.

Nah jadi solusi nya itu untuk mengubahnya kita menggunakan attribute width dan height.

Width untuk mengatur dari lebar dari gambarnya dan Height untuk mengatur dari tinggi gambar tersebut. Sehingga jadi sekarang kita bisa ubah image sesuai dengan kebutuhan pada website kita.

Cara penulisan code nya

Output nya

Hasilnya menjadi kecil sesuai dengan ukuran width dan height nya sebesar 200px. Untuk ukuran nya bebas dengan satuan px (pixel) atau dengan % (persen)

Share this article

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Connect with us

Isi email kamu untuk terhubung dengan Haltev, soal trend, promo dan lainnya

Request Syllabus

Isi formulir pendaftaran dengan lengkap untuk mendapatkan silabus kelas.

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

Konfirmasi Pembayaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

Formulir Pendaftaran

Isi formulir pendaftaran dengan lengkap untuk mendaftar.

  • Potongan HargaRp. 00