Pernahkah kamu melihat suatu halaman website yang tulisannya berjalan atau bergerak ?, sangat menarik bukan, Lalu bagaimana sih cara kita membuat tulisan berjalan di markup HTML ?. apakah ada caranya ?.
Ternyata, Ada satu fitur dalam HTML yang dapat membuat suatu tulisan berjalan atau bergerak. fitur tersebut bernama Marque, dengan fitur ini suatu tulisan dapat berjalan dari arah kanan, kiri, ataupun atas.
Penggunaan marque ini memang jarang dipakai. Tapi kalau kita kaji lebih dalam, manfaat marque ini sangat besar, salah satunya yaitu untuk menarik perhatian pengunjung.
Cara Membuat Tulisan Berjalan di HTML
Seperti yang penulis katakan bahwa untuk membuat tulisan berjalan pada html, kita hanya perlu membungkus tulisan dengan tag Marque. penulisan tag ini juga mudah, perhatikan kode marque berikut ini :
<marquee> kalimat atau tulisan yang berjalan </marquee>
Ya, Kita hanya perlu manambahkan kode tersebut dalam kalimat. untuk memperjelas pemahaman, mari kita aplikasikan kode marque dalam script html, silahkan ketikan kode seperti berikut ini :
<html> <head> <title>belakjar marquee</title> </head> <body> <marquee>lihat text ini akan berjalan dari kiri dan akan ke kiri lagi</marquee> </body> <html>
Setelah itu, silahkan simpan dan buka dengan aplikasi browser, hasilnya akan tampak seperti pada gambar berikut ini :
<marquee direction=”up”>Tulisan atau kalimat berjalan ke atas</marquee>
<html> <head> <title>belajar marquee</title> </head> <body> <marquee direction up>Tulisan akan berjalan keatas</marquee> </body> <html>
Silahkan simpan dan lihat sendiri hasilnya. oh ya selain penggunaan atribut direction, kamu juga dapat menambahkan atribut lain seperti width dan height, atribut ini berfungsi untuk menentukan ukuran dari panjangnya pergerakan.
contoh penulisannya seperti berikut :
<marquee direction=”up” width=”100px” height=”30px”>Tulisan atau kalimat berjalan ke atas</marquee>