Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasukkan Gambar pada HTML ~ Belajar Koding YUK !!

Cara memasukkan gambar di html

Cara Penulisan Atribut HTML untuk Objek Gambar

Salah satu kelebihan pada atribut HTML adalah menampilkan atau menyisipkan objek gambar pada sebuah dokumen. Untuk mengidentifikasi file gambar, kita bisa menggunakan atribut img tanpa tag penutup.
Contoh :

<img />

Cara memanggil Objek Gambar

Untuk menampilkan objek gambar, ada tag khusus yang digunakan yakni tag search yang disingkat dengan SRC. Dalam detail tag tersebut, dapat memanggil objek gambar yang tengah tersimpan. Cara memanggil gambar dengan tag HTML img yaitu simpan gambar difolder yang sama saat kamu membuat HTML. Sebagai contoh copy script di bawah ini :

<!DOCTYPE HTML><html> <head>  <title>Gambar pada HTML</title> </head> <body>  <img src=”gambar.jpg”/> </body></html>

Setelah kamu menulis script diatas pada notepad dan simpan dengan nama websiteku.htm atau isi nama sesuai yang kamu inginkan. Setelah itu download gambar dibawah atau bisa menggunakan gambar kamu sendiri dan beri nama gambar.jpg.
cara-memasukkan-gambar-pada-html
Simpan gambar ditempat yang sama kamu menaruh file HTML tadi. Untuk lebih jelasnya lihat screenshot dibawah ini :

Screenshot cara memasukkan image HTML

Setelah itu kamu buka file websiteku.htm pada browser kesayangan kamu. Maka hasilnya akan seperti ini :

Hasil cara memasukkan gambar di HTML

Bagaimana? Mudahkan? Ternyata belajar HTML tidak sesulit yang kita bayangkan ya. Semoga tutorial ini bermanfaat bagi kita semua dan simak tutorial HTML yang lain ya.

Posting Komentar untuk "Cara Memasukkan Gambar pada HTML ~ Belajar Koding YUK !!"