Selamat pagi teman"...
salam sejahtera bagi kita semua,,
Masih tema tentang HTML, dengan script script yang kadang mudah dan kadang susah,.
kali ini, saya akan berbagi mengenai HTML script,
1. script memasukan gambar ke html/web.
2.membuat text berjalan bisa ke kanan atau kekiri, atas a
HTML (Hyper Text Markup Language), tak asing lagi mungkin bagi kalian yang anak TKJ/ anak RPL.
memasukan gambar ke web, dengan script yang menurut saya mudah, dan semuga juga mudah untuk semua pembaca.
1. SCript memasukan gambar ke WEB
<img src="Nama gambar.jpg" alt="titel(judul)" style="width:304px;height:228px">
keterangan: untuk nama gambar diisikan sesuai dengan nama gambar yang anda sudah jadikan dalam 1 folder tadi.
untuk width: bisa anda ubah ubah sesuai kesukaan anda.
untuk height: juga demikian bisa anda ubah ubah sesuai kesukaan anda.
alt: bisa anda isikan judul dari gambar tersebut.
dalam memasukan gambar, kalian harus meletakan gambar dalam satu folder agar Program Html bisa mengeksekusi gambar tersebut, dan bisa menampilkan ke WEB browser,
2. SCript untuk membuat text berjalan ke kiri atau kekanan.
<marquee direction="left"><img src="isi dengan url foto anda"</marquee>
penjelasan: untuk left: berarti text/gambar akan berjalan kekiri,
untuk right: berarti text/gambar akan berjalan kekanan.
img src: text tadi diatas yang digunakan untuk memasukan gambar, jika anda mau memasukan text bisa anda isikan text pada kotak yang img src.
<marquee direction="right"><img src="isi dengan url foto anda"</marquee>
<marquee behavior="scroll" direction="down">contoh tulisan berjalan kebawah</marquee>
untuk script text/gambar berjalan kebawah.
<marquee behavior="scroll" direction="up">contoh tulisan berjalan keatas</marquee>
untuk script text/gambar berjalan keatas.
<marquee behavior="alternate" direction="left"><img width="200" height="50" src="gambar-berjalan.gif" /></marquee>
script untuk membuat gambar berjalan kekiri.
untuk berjalan kekanan tinggal "left" diganti right, dan sebagainya.
referensi:http://www.zainalhakim.web.id/membuat-tulisan-berjalan-dengan-html.html
http://myfollowing.blogspot.com/2011/07/cara-membuat-widget-gambar-berjalan-ke.html
http://www.w3schools.com/html/html_images.asp
No comments:
Write komentar