Pada tutorial kali ini kita akan membahas bagaimana Cara Menambah Gambar pada HTML. Untuk memuat sebuah gambar pada dokumen HTML digunakan tag <img> dan menggunakan atribut “scr” untuk memanggil gambar tersebut.
Jika gambar yang kalian miliki satu folder dengan document HTML kalian, kalian bisa menuliskan nama logo dan extensi file nya saja. Misalnya
Tetapi jika tidak kalian bisa menggunakan cara ini
Klik kanan pada gambar kalian lalu klik properties, maka yang akan tampil.
Mengatur Ukuran Gambar
Untuk mengatur ukuran gambar kita bisa menggunakan atribut width untuk mengatur lebar gambar dan height untuk mengatur tinggi gambar. Tetapi untuk menggunakan atribut tersebut saya sarankan gunakanlah salah satu atribut width dan height, Karena jika kita menggunakan keduanya bisa jadi gambar yang kita miliki tertarik karna sudah tidak sesuai lagi. Gambar yang saya gunakan memiliki ukuran 1336 x 768. Perhatikan contoh berikut!
Menggunakan atribut width saja
Menggunakan atribut height saja
Menggunakan kedua atribut
Gambarnya akan tertarik karena dimensi gambar tidak sesuai lagi, karena itu saya menyarankan kalian untuk menguunakan salah satu atribut saja.
Mungkin tutorial kali ini cukup dan dapat dengan mudah kalian mengerti.
Salamat Ngoding.
