Cara Membuat Text Berjalan Di HTML Lengkap

   , ,    Comment  
Gambar Text Berjalan
Cara Membuat Text Berjalan Di HTML Lengkap - Hai gan, kembali lagi di kangrpl, di kesempatan kali ini kangrpl akan memberikan dan mengasah skill website kangrpl yang lama tidak di gunakan, kangrpl sekarang akan memberikan tutorial Cara Membuat Text Berjalan Di HTML, nah marquee adalah salah satu tag/kode html yang bersungsi memodifikasi text/tulisan pada website/blog yang akan membuat efek berjalan pada text/tulisan di website/blog.
Atau marquee adalah tag/kode html yang memberikan efek berjalan pada suatu objek di dalam web.

Lihat Hasilnya : DEMO

Marquee juga memiliki attribut diantaranya
Attribute Marquee :
  • bgcolor
  • direction
  • scrollamount
  • scrolldelay
  • behavior
  • width
  • height
  • align
  • onmouseover
  • onmouseout
 Keterangan Attribute :


bgcolor : Untuk Memberikan Warna Pada Background Text Marquee
direction : Befungsi untuk Mengarahkan Darimana Kemana Text Tersebut Berjalan
scrollamount  : Menerapkan Kecepatan Pengguliran
scrolldelay : Menyetel Kecepatan Pengguliran
behavior : Menuntukan Bagaimana Isi Gulir
width : Memberikan Lebar Untuk Text
height : Memberikan Tinggi Untuk Text
align : Mengatur Posisi Text/Text Marquee
onmouseover : Untuk Menghentikan Laju Pada Text Berjalan
onmouseout : Untuk Menghentikan Laju Pada Text Berjalan

Nahdiatas adalah penjelasan beserta attribute dan keterangnya, apa kurang lengkap ? yuk kita langsung praktekan kode marquee nya.

Paktek Kode <marquee></marquee>

1. Text Berjalan

Text Berjalan
Kode " <marquee>Text Berjalan</marquee>

2. Text Berjalan Ke Kanan

Text Berjalan
Kode " <marquee direction="right">Text Berjalan</marquee>

3. Text Berjalan Ke Atas

Text Berjalan
Kode " <marquee direction="up">Text Berjalan</marquee>

4. Text Berjalan Ke Bawah

Text Berjalan
Kode " <marquee direction="down">Text Berjalan</marquee>

5. Text Berjalan Memantul

Text Berjalan
Kode " <marquee behavior="alternate">Text Berjalan</marquee>

6. Text Berjalan Memantul Ke Bawah

Text Berjalan
Kode " <marquee behavior="alternate" direction="down">Text Berjalan</marquee>

7. Text Berjalan Pake Jeda

Text Berjalan
Kode " <marquee scrolldelay="230">Text Berjalan</marquee>

8. Text Berjalan Cepat 
Text Berjalan
Kode " <marquee scrollamount="90">Text Berjalan</marquee>

Untuk yang diberi warna merah itu bisa di ganti.
Semoga artikel di atas bisa menambah wawasan kamu, salam #LIERNING

0 komentar:

Posting Komentar