Sunday, 16 October 2016

Kode HTML Untuk Memasukkan Gambar Pada Web

Pada web pastilah ada gambar yang di selipkan untuk mempercantik atau menambahkan info tentang sesuatu yang sedang dalam pembahasan. Dan untuk memasukkan gambar pada web tersebut pastilah membutuhkan list kode html.
Pada postingan kali ini saya ingin memberikan caranya. Sebenarnya ini adalah ilmu dasar dalam pembuatan web, tetapi tidak ada salahnya saya membagi ilmu walau hanya sekedar ilmu dasar. Mungkin nanti dari kalian pembaca postingan ini ada yang lebih mahir dalam hal pemrograman web.
Hal yang pertama harus diperhatikan adalah gambar yang ingin digunakan harus ada dalam satu folder dengan file html kalian, saya menganjurkan untuk menambahkan folder baru sebagai tempat menyimpan gambar kalian.
Lalu ingat baik-baik nama dari gambar tersebut dan juga formatnya apakah JPG atau PNG karena nanti pada saat kita salah memasukkan nama atau lupa tidak diberi formatnya maka gambar tidak akan muncul di halaman web kita.
Oke, setelah itu masukkan kode html berikut ini

<img width=800 height=200 src="gambar/yunny's.jpg">

Yang saya beri warna merah adalah ukuran gambar yang nantinya akan tampil dihalaman web kalian, kalian bisa ubah sesuai keinginan kalian dan sesuai kebutuhan. Dan yang saya beri warna biru adalah tempat gambar dimana kalian meletakkan. Jangan sampai salah karena nanti di halaman web gambar tidak akan muncul.
Jika ingin gambar kalian memantul ke kanan kiri makan masukkan kode html dibawah ini 

<marquee behavior=alternate scrollamount="20"><img width=800 height=200 src="gambar/yunny's.jpg"></marquee>

Yang saya beri warna ungu adalah kode html untuk menggerakan ke kanan dan ke kiri bisa gambar/tulisan dan yang saya beri warna hijau adalah kecepatan pergerakan gambar/tulisan semakin banyak jumlahnya maka akan semaki cepat pergerakkannya. Kode html itu harus berada dalam <marquee> dan jangan lupa ditutup </marquee> seperti contoh diatas.

Sampai saat ini saja guys.Selamat mencoba dan semoga bermanfaat.

#mynameisyunny

No comments:

Post a Comment