Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog

Adapun untuk mempercantik tampilan gambar berjalan dalam blog kita bisa menggunakan atribut yang dapat digunakan untuk tag <marquee> antara lain atribut: width, height, color, direction, bgcolor, font face, Scrolldelay, Scrollamount, loop dan sebagianya.

Marquee merupakan tag non-standard element HTML yang menyebabkan suatu text / gambar bergerak ke atas, bawah, kanan, atau kiri secara otomatis. Untuk membuat marquee, caranya cukup simple dan mudah sekali. Kita hanya perlu menyisipkan kode HTML untuk membuat marquee, diantara text / gambar yang akan kita buat Bergerak. Berikut kode dasar HTML marquee :

Marquee Attribute

Untuk lebih memperjelas dalam Membuat Marquee, berikut beberapa attribute yang sering digunakan dalam tag marquee :

---

WIDTH = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :

Kode HTML Marquee
<marqueewidth="50%">Kursus Komputer Online</marquee>

Jika attribute width tidak digunakan, maka secara default width yang digunakan yaitu 100%. Misalnya marquee disimpan di bagian sidebar yang memiliki width 300px, maka width marquee pun memiliki width 300px.

---

HEIGHT = menentukan lebar area marquee, value yang digunakan yaitu berupa angka dalam piksel (px) dan persen (%). Contoh :

Kode HTML Marquee
<marqueeheight="60px"> Kursus Komputer Online </marquee>

Jika attribute height tidak digunakan, maka secara default height yang digunakan sesuai dengan ukuran font (font-size).

---

DIRECTION = menentukan arah pergerakan marquee, value yang digunakan yaitu left, right, up, dan down. Contoh :

Kode HTML Marquee
<marqueedirection="left"><font color="Blue"Kursus Komputer Online</font></marquee>
<marqueedirection="right">Kursus Komputer Online</marquee>
<marqueedirection="up">Les Private </marquee>
<marqueedirection="down">Bimbingan Belajar </marquee>

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://tips-triks-ilmu-komputer.blogspot.com/2014/09/cara-membuat-kode-html-untuk-gambar.html. Terima kasih sudah singgah membaca artikel ini.
Anda Ingin Kursus Mastering Komputer ?
KLIK DISINI