Variasi Kode Text Pada HTML

Membuat Text Berjalan Aneka Variasi - Dalam dunia html membuat text berjalan cukuplah mudah yakni dengan menggunakan tag <marquee>Tulisan Disini</marquee>  .Cukup meletakkan tulisan diantara tag tersebut. Berikut Ada Beberapa atribut atau variable yang sering digunakan:

1. direction : mengatur arah gerak teks.
a. left (gerak ke kiri)
b. right (gerak ke kanan)
c. up (gerak ke atas)
d. down (gerak ke bawah)

2. behavior : mengatur variasi gerakan teks. 
a. scroll (bergerak berputar)
b. slide (bergerak sekali lalu berhenti)
c. alternate (bergerak dari kiri ke kanan bolak balik)

3. scrollmount : mengatur kecepatan dalam satuan pixel.
4. width : mengatur lebar blok teks dalam satuan pixel atau persen.
5. height : mengatur tinggi blok teks dalam satuan pixel atau persen.
6. title : menampilkan pesan, ketika mouse tengah menunjuk pada teks.
7. color : mengatur warna teks.
8. bgcolor : mengatur warna latar belakang teks.
9. scrolldelay : mengatur waktu tunda gerakan dalam satuan milisekon.

Contoh Text Berjalan Aneka Variasi

1. Dari arah kiri ke kanan
dari kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

2. Arah bolak-balik
arah bolak balik

<marquee behavior="alternate" >arah bolak balik</marquee>

3. Dari kanan ke kiri dengan kecepatan "10"
dari kanan ke kiri dengan kecepatan 10

<marquee direction="right" scrollamount="10" >dari kanan ke kiri dengan kecepatan 10</marquee>

4. Arahkan mouse text berhenti
arahkan mouse teks berhenti
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

5. Jika ingin turun atau naik tinggal ganti direction="down" atau "up"
dari atas ke bawah

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

6. Dengan latar belakang warna
dari kanan ke kiri

<marquee width="100%" bgcolor="#F0F0F0">dari kanan ke kiri</marquee>

7. Dengan gambar/foto

<marquee behavior="alternate"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRZa-v0e2U7WcyvTiqSlW8Bo1b6aXvDoYjzSJ5V86sQbN4v1HnlZbuK1wjbK9PCPKQGknHMcsn7gCYTrRxgSeUQ8eFb-sBldIUUYtSHKG7TNbaoHFP3HHzUdH0Ahec1fvzcXp8J0ezjuKW/" /></marquee>

8. Berkedip
    <blink>Contoh</blink>
Bagaimana cukup mudah bukan membuat text berjalan aneka variasi, semoga bermanfaat