Cara Membuat Tulisan Memantul di HTML

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 :

  1. Scrool berfungsi untuk menjalankan teks secara berulang.
  2. Slide berfungsi untuk menjalankan text secara menggulung
  3. 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>

Setelah mengetahui cara penulisan atribut, sekarang kita akan mengaplikasikan kode tersebut pada file HTML, silahkan buka text editornya dan ketikan kode html berikut ini :
<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 :

penggunaan atribut behavior dengan value alternate = text memantul

Pembahasan tentang cara membuat tulisan bergerak secara memantul sebenarnya sudah beres. namun kita belum mencoba dua value lagi dari atribut behavior, ya tentang scroll dan slide. langsung saja kita praktekan cara penulisan scroll pada html, silahkan ketikan kode HTML 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 :

See also  Cara Membuat Form Login dengan HTML Secara Sederhana dan Mudah

Nilai atribut yang terakhir adalah tentang slide, Dimana fungsi slide ini yaitu untuk menjalankan text secara menggulung. penulisannya masih sama seperti diatas, hanya mengganti nilai dari atribut :
<marquee behavior=”scroll”>
Silahkan ketik kode HTML seperti dibawah ini :
<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>

 

Itulah dia pembahasan seputar cara membuat tulisan memantul di HTML. Kita dapat menggabungkan kode tersebut dengan pembahsan yang sebelumnya, yaitu tentang cara membuat tulisan berjalan pada HTML. Untuk membaca artikel sebelumnya, silahkan klik link berikut ini :

Leave a Comment