Aku pernah melihat website yang memiliki fitur teks berjalan didalamnya. Teks berjalan tersebut berisi konten tentang pengumuman maupun informasi penting lainnya.
Tutorial belajar HTML kali ini aku akan coba membahas bagaiamana cara membuat teks berjalan dengan menggunakan attribute marquee pada HTML.
Langkah 1: Buat File HTML
Buat sebuah file HTML dan beri nama index.html atau sesuai keinginan kamu.
Kode HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Teks Berjalan HTML</title> </head> <body> </body> </html>
Simpan dan sekarang kita tambahkan attribute marquee untuk membuat teks dapat berjalan dari kanan ke kiri.
<marquee>Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee>
Langkah 2: Opsi
Penggunaan marquee memiliki beberapa opsi yang sering dipakai antara lain:
Setting Kecepatan
Kode HTML:
<marquee scrollamount="3">Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee>
scrollamount memiliki nilai bertipe angka. Mulai dari 0 sampai 99xx. Semakin kecil nilai angka maka kecepatan teks berjalan semakin lambat, sebaliknya semakin besar nilai angka maka kecepatan teks berjalan semakin cepat.
Arah (Direction)
Kode HTML:
<marquee direction="right">Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee>
direction memiliki nilai up, down, left dan right. Apabila diberikan nilai right maka teks berjalan akan berjalan ke kanan (dari kiri ke kanan).
Demikian tutorial belajar HTML membuat teks berjalan dengan menggunakan attribute marquee. Semoga bermanfaat dan jangan lupa share yah!