Cara membuat teks berjalan di HTML dengan tag Marquee

Sigit N
HTML (HyperText Markup Language)
Cara membuat teks berjalan di HTML dengan tag Marquee
Konten Halaman

Di HTML banyak sekali tag HTML elemen sebagai perintah, salah satu yang paling berkesan melakukan perintah teks berjalan, melakukan perintah HTML untuk membuat teks berjalan adalah marquee <marquee>. tag <marquee> sudah jarang sekali digunakan di zaman modern kali ini akan tetapi jika ingin menggunakan nya tidak masalah karena masih banyak browser yang mendukungnya.

Dengan tag <marquee> elemen kita bisa memerintahkan teks berjalan tanpa javascript dan dengan mengontrol pergerakannya menggunakan atribut seperti scrolldelay, behavior, direction atau bahkan bisa kita tamkan bgcolor untuk kode html tulisan berjalan dan berwarna

Contoh syntax kode HTML berjalan dengan scrolldelay

teks akan berjalan dan memantul 
<!DOCTYPE html>
<html>
  <head>
    <title>membuat teks html berjalan dengan scrolldelay</title>
  </head>
  <body>
    <marquee scrolldelay="300">contoh teks berjalan dan lambat di html</marquee>
  </body>
</html>

Penjelasan :

  • scrolldelay="300" angka 300 adalah dalam satuan milisekon, teman teman bisa atur kecepatan dan disesuaikan

Contoh syntax kode HTML berjalan dengan behavior

teks akan berjalan dan memantul 
<!DOCTYPE html>
<html>
  <head>
    <title>membuat teks html berjalan dengan alternate</title>
  </head>
  <body>
    <marquee behavior="alternate">teks akan berjalan dan memantul </marquee>
  </body>
</html>

Penjelasan :

  • behavior="alternate" : dengan menambahkan atribut tersebut di marquee kita bisa menghasilkan teks bergerak memantul

Contoh syntax kode HTML berjalan dengan direction

teks akan menuju ke atas teks akan menuju ke Ke bawah teks akan menuju ke Ke kanan teks akan menuju ke Ke kiri 
<!DOCTYPE html>
<html>
  <head>
    <title>membuat teks html berjalan dengan direction</title>
  </head>
  <body>
    <marquee direction="up">teks akan menuju ke atas</marquee>
    <marquee direction="down">teks akan menuju ke Ke bawah</marquee>
    <marquee direction="right">teks akan menuju ke Ke kanan</marquee>
    <marquee direction="left">teks akan menuju ke Ke kiri</marquee>
  </body>
</html>

Penjelasan :

  • direction="up" : memerintahkan tag marquee menuju bergerak ke atas
  • direction="down" : memerintahkan tag marquee menuju bergerak ke bawah
  • direction="right" : memerintahkan tag marquee menuju bergerak ke kanan
  • direction="left" : memerintahkan tag marquee menuju bergerak ke kiri

Contoh syntax kode HTML berjalan dengan bgcolor

membuat html berjalan dan berwarna merah 
<!DOCTYPE html>
<html>
  <head>
    <title>membuat teks html berjalan bgcolor</title>
  </head>
  <body>
    <marquee bgcolor="red">membuat html berjalan dan berwarna merah</marquee>
  </body>
</html>

Penjelasan :

  • bgcolor="red" dengan bgcolor kita bisa memberikan warna di latar belakang nilainya bisa diubah sesuai keinginan dengan perintah dalam bahasa inggris atau bisa menggunakan rgb color code

Kesimpulan HTML Marquee

dengan menggunakan HTML tag elemen <marque> kita bisa menggerakan teks tanpa bantuan javascript akan tetapi tag tersebut sudah tidak direkomendasikan karena sebentar lagi dihapus dan tidak di optimasi oleh browser dengan update terbaru

cara-membuat-teks-berjalan-dengan-tag-html-marquee/marquee-mdn.png

Terjemahan : Tidak digunakan lagi: Fitur ini tidak lagi direkomendasikan. Meskipun beberapa browser mungkin masih mendukungnya, mungkin telah dihapus dari standar web yang relevan, mungkin sedang dalam proses dihapus, atau mungkin hanya disimpan untuk tujuan kompatibilitas. Hindari menggunakannya, dan perbarui kode yang ada jika memungkinkan; lihat tabel kompatibilitas di bagian bawah halaman ini untuk memandu keputusan anda. Ketahuilah bahwa fitur ini dapat berhenti berfungsi kapan saja.

dikutip dari https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee