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)
