Marque Html dan Contohnya
Maruqe html | Image : Media Cirebon 

Media Cirebon - Marquee HTML adalah sebuah tag atau elemen dalam bahasa HTML yang digunakan untuk membuat efek animasi pada teks atau gambar. Efek animasi yang dihasilkan oleh Marquee HTML berupa pergerakan teks atau gambar dari kiri ke kanan, kanan ke kiri, atas ke bawah, atau sebaliknya. Marquee HTML banyak digunakan untuk menambahkan efek animasi pada website, terutama untuk menyoroti suatu teks atau gambar tertentu yang ingin diberi perhatian khusus.

Untuk menggunakan Marquee HTML, kita perlu memasukkan kode atau tag <marquee> dan </marquee> pada HTML. Pada tag <marquee>, kita dapat menambahkan atribut untuk mengatur kecepatan, arah, dan ukuran dari efek animasi yang dihasilkan. Selain itu, kita juga dapat menambahkan teks atau gambar yang ingin diberi efek animasi pada bagian dalam tag <marquee>.

Namun, penggunaan Marquee HTML mulai ditinggalkan sejak HTML5 dirilis. Hal ini dikarenakan Marquee HTML tidak ramah terhadap aksesibilitas dan juga tidak mendukung responsifitas pada perangkat mobile. Oleh karena itu, sebaiknya penggunaan Marquee HTML dihindari dan digantikan dengan cara lain untuk menambahkan efek animasi pada website, seperti menggunakan CSS atau JavaScript.

Meskipun demikian, Marquee HTML masih dapat digunakan pada beberapa keperluan tertentu, seperti untuk keperluan presentasi atau untuk menambahkan efek animasi pada teks atau gambar yang sifatnya sementara atau tidak terlalu penting. Namun, sebaiknya penggunaan Marquee HTML tetap dibatasi dan tidak digunakan secara berlebihan agar tidak mengganggu pengalaman pengguna saat mengakses website.

Dalam prakteknya, Marquee HTML sering digunakan untuk membuat banner iklan atau promo yang bergerak pada bagian atas atau bawah halaman website. Selain itu, Marquee HTML juga dapat digunakan untuk menyoroti suatu pesan penting atau untuk menampilkan informasi terbaru secara otomatis pada website. Namun, penggunaan Marquee HTML harus diimbangi dengan penempatan yang tepat dan tidak terlalu mengganggu pengalaman pengguna saat mengakses website.

Contoh Marque Html

1. Marquee dengan teks berjalan dari kiri kekanan

<marquee behavior="scroll" direction="left">Ini adalah contoh teks berjalan dari kiri ke kanan</marquee>


2. Marquee dengan teks dan ukuran font yang berbeda

<marquee behavior="scroll" direction="right" scrollamount="10">

  <span style="font-size: 24px;">Teks besar berjalan ke kanan</span>

  <span style="font-size: 16px;">Teks kecil berjalan di belakangnya</span>

</marquee>


3. Marquee dengan teks yang bergantian

<marquee behavior="alternate" direction="up" scrollamount="5">

  <span>Pesan 1</span>

  <span>Pesan 2</span>

  <span>Pesan 3</span>

</marquee>


4. Marquee dengan teks dan warna latar belakang

<marquee behavior="scroll" direction="left" bgcolor="#ffc107" scrollamount="8">

  <span style="color: #fff;">Teks dengan latar belakang kuning</span>

</marquee>


5. Marquee dengan teks yang berhenti saat dihover

<marquee behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start()">



6. Marquee dengan efek loop

<marquee behavior="scroll" direction="left" scrollamount="10" loop="3">

  Teks yang berjalan sebanyak 3 kali

</marquee>


7. Marque Teks berjalan dan berhenti saat dihover

</marquee>


Itulah 7 contoh Marquee HTML yang merupakan salah satu elemen yang cukup populer pada masa lalu. Namun, dengan perkembangan teknologi dan kebutuhan yang semakin meningkat, Marquee HTML kini mulai ditinggalkan dan digantikan dengan teknologi yang lebih modern seperti CSS atau JavaScript.

Meskipun begitu, penggunaan Marquee HTML masih dapat dilakukan pada beberapa keperluan tertentu, seperti untuk membuat efek animasi sederhana pada teks atau gambar. Namun, perlu diingat bahwa penggunaan Marquee HTML sebaiknya dibatasi dan tidak digunakan secara berlebihan agar tidak mengganggu pengalaman pengguna saat mengakses website. Oleh karena itu, penting bagi para pengembang web untuk terus mengikuti perkembangan teknologi dan memilih solusi yang tepat sesuai dengan kebutuhan dan standar aksesibilitas yang ada.