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>
2. Marquee dengan Waktu Perdetik (Delay)
<marquee scrolldelay="500">TEXT BERJALAN DENGAN WAKTU PERDETIK</marquee>
3. Perulangan (Loop)
<marquee loop="2">TEXT BERJALAN 2 KALI BERULANG SAJA</marquee>
4. Dengan Kelebaran Media 50%
<marquee width="50%">TEXT BERJALAN DENGAN KELEBARAN MEDIA 50%</marquee>
5. Arah Bolak-Balik (Alternate)
<marquee behavior="alternate">TEXT BERJALAN BOLAK-BALIK</marquee>
6. Dari Atas ke Bawah (Down)
<marquee direction="down" height="50">TEXT BERJALAN DARI ATAS KE BAWAH</marquee>
7. Dari Bawah ke Atas (Up)
<marquee direction="up" height="50">TEXT BERJALAN DARI BAWAH KE ATAS</marquee>
8. Dari Kiri ke Kanan (Right)
<marquee direction="right">TEXT BERJALAN DARI KIRI MENUJU ARAH KANAN</marquee>
9. Berhenti Saat Disentuh Kursor (Stop & Start)
<marquee onmouseover="this.stop()" onmouseout="this.start()">TEXT BERHENTI SAAT DISENTUH</marquee>
10. Pengaturan Kecepatan (Scroll Amount)
<marquee scrollamount="12">TEXT BERJALAN DENGAN KECEPATAN 12</marquee>
11. Type Slide (Berjalan Sekali lalu Berhenti di Ujung)
<marquee behavior="slide">TEXT INI AKAN BERHENTI SETELAH SAMPAI UJUNG</marquee>
12. Pesan Saat Kursor Diarahkan (Title)
<marquee title="Pesan Rahasia!">DEKATKAN KURSOR UNTUK MELIHAT PESAN</marquee>
13. Dengan Jarak Horizontal & Vertikal (HSpace/VSpace)
<marquee hspace="50" vspace="20" bgcolor="#eee">TEXT DENGAN JARAK MARGIN</marquee>
14. Marquee dengan Gambar
<marquee><img src="URL_GAMBAR_ANDA"> TEKS DISINI</marquee>
15. Dengan Latar Belakang Berwarna (Bgcolor)
<marquee bgcolor="black">TEXT BERJALAN DENGAN BACKGROUND HITAM</marquee>
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.
Tidak ada komentar:
Posting Komentar