MACAM JENIS TEXT MARQUEE DI HTML

Cara Membuat Text Berjalan (Marquee)

Cara membuat Text berjalan atau dalam sintaks HTML yaitu (Marquee) dapat kita kuasai dengan mudah apabila kita sudah mengerti cara kerjanya di HTML. Berikut adalah berbagai variasi marquee yang bisa kita gunakan di web kita.

Langkah Awal

Pertama, buat file HTML menggunakan Notepad atau Notepad++.
Ketikkan struktur dasar HTML berikut:
<html> <head> <title>Judul Artikel</title> </head> <body> Isi Artikel di sini... </body> </html>
Simpan dengan ekstensi .html (Contoh: index.html).

Jenis-jenis Marquee Lengkap

1. Type Marquee Normal <marquee>TEXT YANG BERJALAN</marquee> TEXT YANG BERJALAN

2. Marquee dengan Waktu Perdetik (Delay) <marquee scrolldelay="500">TEXT BERJALAN DENGAN WAKTU PERDETIK</marquee> TEXT BERJALAN DENGAN WAKTU PERDETIK

3. Perulangan (Loop) <marquee loop="2">TEXT BERJALAN 2 KALI BERULANG SAJA</marquee> TEXT BERJALAN 2 KALI BERULANG SAJA

4. Dengan Kelebaran Media 50% <marquee width="50%">TEXT BERJALAN DENGAN KELEBARAN MEDIA 50%</marquee> TEXT BERJALAN DENGAN KELEBARAN MEDIA 50%

5. Arah Bolak-Balik (Alternate) <marquee behavior="alternate">TEXT BERJALAN BOLAK-BALIK</marquee> TEXT BERJALAN BOLAK-BALIK

6. Dari Atas ke Bawah (Down) <marquee direction="down" height="50">TEXT BERJALAN DARI ATAS KE BAWAH</marquee> TEXT BERJALAN DARI ATAS KEBAWAH MENDATAR

7. Dari Bawah ke Atas (Up) <marquee direction="up" height="50">TEXT BERJALAN DARI BAWAH KE ATAS</marquee> TEXT BERJALAN DARI BAWAH KE ATAS

8. Dari Kiri ke Kanan (Right) <marquee direction="right">TEXT BERJALAN DARI KIRI MENUJU ARAH KANAN</marquee> TEXT BERJALAN DARI KIRI MENUJU ARAH KANAN

9. Berhenti Saat Disentuh Kursor (Stop & Start) <marquee onmouseover="this.stop()" onmouseout="this.start()">TEXT BERHENTI SAAT DISENTUH</marquee> TEXT BERHENTI JIKA KURSOR DI LETAKKAN DI TEXT BERJALAN

10. Pengaturan Kecepatan (Scroll Amount) <marquee scrollamount="12">TEXT BERJALAN DENGAN KECEPATAN 12</marquee> TEXT BERJALAN DENGAN KECEPATAN 12

11. Type Slide (Berjalan Sekali lalu Berhenti di Ujung) <marquee behavior="slide">TEXT INI AKAN BERHENTI SETELAH SAMPAI UJUNG</marquee> TEXT INI AKAN BERHENTI SETELAH SAMPAI UJUNG

12. Pesan Saat Kursor Diarahkan (Title) <marquee title="Pesan Rahasia!">DEKATKAN KURSOR UNTUK MELIHAT PESAN</marquee> DEKATKAN KURSOR UNTUK MELIHAT PESAN

13. Dengan Jarak Horizontal & Vertikal (HSpace/VSpace) <marquee hspace="50" vspace="20" bgcolor="#eee">TEXT DENGAN JARAK MARGIN</marquee> TEXT DENGAN JARAK MARGIN 50PX HORIZONTAL & 20PX VERTIKAL

14. Marquee dengan Gambar <marquee><img src="URL_GAMBAR_ANDA"> TEKS DISINI</marquee> [Gambar Ikon] GAMBAR DAN TEKS BERJALAN BERSAMAAN

15. Dengan Latar Belakang Berwarna (Bgcolor) <marquee bgcolor="black">TEXT BERJALAN DENGAN BACKGROUND HITAM</marquee> TEXT BERJALAN DENGAN BACKGROUND HITAM

Itulah daftar lengkap jenis Marquee HTML. Anda bisa mengkombinasikan berbagai atribut untuk menciptakan efek yang lebih menarik. Sekian dan terima kasih telah berkunjung ke blog saya.