Cara Membuat Marquee / Tulisan Berjalan di HTML (bervariasi + lengkap dengan contoh)

Berbagi Ilmu    Pemrograman Web , Tutorial    Comment   

Pendahuluan

Cara Membuat Marquee (Tulisan Berjalan) Bervariasi dan Lengkap di HTML - Apa marqquee itu??? Marquee adalah tulisan yang dibuat agar dapat berjalan. Marquee berguna agar tampilan website terlihat menarik. Cara membuatnya tidak susah lho. Langsung saja simak tutorial Cara Membuat Marquee (Tulisan Berjalan) Bervariasi dan Lengkap di HTML di bawah!

Syntag / Kode Dasar Membuat Tulisan Berjalan (Marquee) di HTML

Syntag dasar dari marquee atau tulisan berjalan di HTML adalah

<marquee> Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

, hasilnya sebagai berikut:
Tutorial cara membuat tulisan berjalan marquee di HTML


Bosen yah... Jika teks berjalan marquee-nya hanya monoton seperti di atas. Nah, agar tidak bosan teks berjalan marquee dapat ditambahkan variasi-variasi seperti di bawah ini :

Cara Membuat Marquee (Tulisan Berjalan) Bervariasi dan Lengkap di HTML

gambar. marquee

Cara mengganti warna background pada tulisan berjalan maquee

Cara mengganti warna background pada tulisan berjalan maquee adalah dengan menambahkan ... bgcolor="Kode_warna_html">,
Kode_warna_HTML Silahkan ganti dengan kode warna HTML atau nama warna dalam bahasa Inggris (misal : red, blue, purple, yellow, green, dll) sesuka sobat. Berikut ini contoh penerapannya :

<marquee bgcolor="green">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil dari kode marquee di atas adalah :
Tutorial cara membuat tulisan berjalan marquee di HTML

---

Cara mengatur arah gerakan text atau marquee

Untuk mengatur arah gerakan text/marquee dengan cara menambahkan kode ... direction="left/right/up/down"> ,
silahkan pilih salah satu arah antara left, right, up ataupun down. Berikut contoh penerapannya :

<marquee direction="down">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil syntag atau kode marquee di atas adalah

Tutorial cara membuat tulisan berjalan marquee di HTML

---

Mengatur perilaku gerakan teks berjalan marquee

Untuk mengatur perilaku gerakan dengan cara menambahkan kode ... behavior="scroll/slide/alternate">

• Fungsi kode behavior="scroll" pada teks berjalan marquee
  behavior="scroll" berfungi untuk membuat teks berjalan secara berputar. Berikut contoh penerapannya
  

  <marquee behavior="scroll">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

  
  Hasil dari syntag atau kode marquee di atas adalah :
  Tutorial cara membuat tulisan berjalan marquee di HTML



• Fungsi kode behavior="slide" pada teks berjalan marquee
  behavior="slide" kode untuk membuat teks berjalan marquee berjalan sekali lalu berhenti. Berikut contoh penerapannya :
  

  <marquee behavior="slide">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

  
  Hasil dari syntag atau kode marquee di atas adalah :
  Tutorial cara membuat tulisan berjalan marquee di HTML



• Fungsi kode behavior="alternate" pada teks berjalan marquee
  behavior="alternate" adalah kode untuk membuat teks berjalan (marquee) bolak-balik ke kanan-ke kiri. Berikut contoh penerapannya :
  

  <marquee behavior="alternate">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

  
  Tutorial cara membuat tulisan berjalan marquee di HTML

---

Cara memberi pesan/teks saat mouse berada di atas teks marquee

Memberi pesan atau teks saat mouse berada di atas teks marquee dengan cara menambahkan kode title="isi_pesan".

Berikut contoh penerapannya :

<marquee title="i love you">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil dari syntag atau kode marquee di atas adalah :

Silahkan letakkan kursor kamu di tulisan ini

---

Cara mengatur kecepatan gerakan pada teks berjalan / marquee

scrollamount="kecepatan" adalah kode tambahan untuk mengatur kecepatan gerakan teks berjalan / marquee. Berikut contoh penerapannya :
Misalkan saya akan mengisikan scrollamount="4"

<marquee scrollamount="4">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil dari syntag atau kode marquee di atas adalah :

Tutorial cara membuat tulisan berjalan marquee di HTML

---

Cara mengatur waktu tunda gerakan pada teks berjalan / marquee

scrolldelay="jumlah waktu tunda" merupakan kode tambahan untuk mengatur waktu tunda gerakan teks berjalan / marquee dalam mili detik (1 detik = 1000).
Contoh : scrolldelay="250"

<marquee scrolldelay="250">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil dari syntag atau kode marquee di atas adalah :

Tutorial cara membuat tulisan berjalan marquee di HTML

---

Cara mengatur lebar blok teks pada teks marquee

Untuk mengatur lebar blok text dalam persen atau pixel pada teks berjalan / marquee dengan cara menambahkan kode width="angka". Berikut contoh penerapannya :

<marquee width="20">Tutorial cara membuat tulisan berjalan marquee di HTML</marquee>

Hasil dari syntag atau kode marquee di atas adalah :

Tutorial cara membuat tulisan berjalan marquee di HTML

---

Penutup

Mungkin itu saja mengenai Cara Membuat Marquee / Tulisan Berjalan di HTML (bervariasi + lengkap dengan contoh). Jika kalian memiliki variasi lain yang dapat ditambahkan pada teks berjalan atau marquee silahkan tulis kode kalian di kolom komentar. Selamat mencoba!