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!