Cara Membuat Tulisan Berjalan di HTML dengan Marquee

Cara Membuat Tulisan Berjalan di HTML dengan Marquee

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 :

Penggunaan Marque tulisan bergerak atau berjalan

Seperti yang saya katakan sebelumnya, bahwa kita dapat mengubah arah gerak tulisan, sehingga tulisan dapat berjalan dari atas, bawah, kiri ataupun kanan. bagaimana caranya ?, Kita hanya perlu menambahkan atribut direction pada tag marquee.
Contohnya seperti pada kode berikut  :
<marquee direction=”up”>Tulisan atau kalimat berjalan ke atas</marquee>
Selain value “up” (bergerak keatas), untuk berjalan ke kiri kamu bisa tambahkan “left”. untuk berjalan ke kanan kamu bisa tambahkan “right”, dan untuk berjalan ke bawah kamu bisa tambahkan “down”.
Berikut contoh penulisan kode marquee dengan atribut “up” :
<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.

See also  Cara Membuat Form Biodata Dengan Html

contoh penulisannya seperti berikut :

<marquee direction=”up” width=”100px” height=”30px”>Tulisan atau kalimat berjalan ke atas</marquee>

Kode diatas berarti bahwa tag marquee akan bergerak keatas, Dengan panjang alur 100 px dan lebar 30px. Kamu dapat memodifikasi ukuran sesuai dengan apa yang kamu inginkan, misalnya 120 px dan sebagainya.
Artikel sebelumnya kita membahas tentang format text pada HTML, silahkan klik link berikut untuk dipelajari.

Leave a Comment

Your email address will not be published. Required fields are marked *