Sebelumnya kita pernah berbicara tentang cara membuat suatu tulisan agar bergerak dari arah tertentu, Bahasan kali ini juga masih berkaitan erat dengan postingan sebelumnya, Bagaimana sih cara agar kita dapat membuat suatu tulisan bergerak tetapi memantul kembali di HTML. fungsi memantul tersebut masih berhubungan dengan tag Marquee, kita hanya perlu menambahkan suatu atribut behavior pada tag tersebut.
Bagaimana Cara Membuat Tulisan Memantul di HTML
Seperti yang penulis kattakan sebelumnya, kita hanya perlu menambahkan atribut behavior pada tag marquee. Dalam atribut behavior ini, Kita dapat menambahkan suatu value perintah, Yang dapat mempengaruhi pergerakan tulisan. berikut ini merupakan value yang dapat dimasukan pada atribut behavior :
- Scrool berfungsi untuk menjalankan teks secara berulang.
- Slide berfungsi untuk menjalankan text secara menggulung
- Alternate berfungsi untuk menjalankan text secara memantul atau kembali lagi ke arah awal dia berjalan.
Agar kamu dapat memahami lebih jelas tentang penulisan kode, kamu dapat lihat pada tulisan berikut ini :
<marquee behavior=”alternate”> Tulisan akan memantul </marquee>
<html> <head> <title>semoga ari menjadi orang sukses</title> </head> <body> <h2><marquee behavior="alternate">terimakasih telah berkunjung ke ariprayogiputra.blogspot.com</marquee></h2> <hr> salam kenal ari </body> </html>
Silahkan simpan kode tersebut dengan nama yang diakhiri extensi .html, hasilnya akan tampak seperti pada gambar berikut ini :
<html> <head> <title>belajar behavior dengan nilai scroll</title> </head> <body> lihat teksnya dibawah ini dengan atribut behavior pada marque dengan html, dengan nilai scrol <hr> <marquee behavior="scroll"> ini akan bergerak dengan mengulang kembali dari awal</marquee> </body> </html>
Setelah itu silahkan kalian simpan dengan nama ari.html atau terserah kalian sendiri yang terpenting ingat akhiran namanya harus( .html atau .htm ). Sekarang cek dengan aplikasi browsernya, lihat hasilnnya kurang lebih seperti gambar berikut ini :
<marquee behavior=”scroll”>
<html> <head> <title>belajar</title> </head> <body> jikalau tadi diatas text terulang kembali maka text ini akan menggulung <hr> <marquee behavior="slide">ini hasilnya guys</marquee> <hr> <h4>lihat text diatas</h4> </body> </html>
