Sudah lama tidak membuat artikel baru lagi.
Kali ini saya ingin melanjutkan artikel mengenai HTML. Pada artikel ini akan dibahas mengenai "cara membuat tulisan bergerak pada HTML".
Untuk membuat tulisan berjalan dapat menggunakan tag <marquee> </marquee>.
Penulisan umum : <marquee> Teks Di sini </marquee>
Langsung kita coba saja :
Nah hasilnya akan seperti diatas. Arah dari tulisan tersebut dari kanan ke kiri. Lalu, bagaimana caranya agar kita dapat mengubah arah jalannya tulisan tersebut misalkan dari atas ke bawah atau sebaliknya ?
cara nya cukup mudah, dengan hanya menambahkan attribut "direction".
Penulisan umum : <marquee direction="up"></marquee>
Ayo kita langsung coba saja :
Cukup mudah bukan ? mari kita jelaskan.
pada attribut direction nilai nya adalah up yang artinya bahwa tulisan tersebut akan bergerak dari bawah ke atas. Ada beberapa nilai yang dapat diterapkan pada attribut direction, yaitu :
- up = teks yang bergerak dari bawah ke atas
- bottom = teks yang bergerak dari atas ke bawah
- left = teks yang bergerak dari kanan atau kiri
- right = teks yang bergerak dari kiri ke kanan
Untuk arah tulisan kita sudah berhasil membuatnya, sekarang adalah bagaimana kita hanya ingin tulisan tersebut bergerak hanya sebanyak 2x atau 10x saja ?
Cara nya pun cukup mudah hanya dengan menambahkan attribut "loop" yang berarti "ulang".
Langsung saja kita praktekkan dengan nilai loop sebanyak 2 : <marquee loop="2"> Tulisan ini berulang sebanyak 2x </marquee>
Jika tidak terlihat tulisannya tolong di refresh karena jika sudah 2x looping maka tulisannya hilang. Jika kita tidak menuliskan attribut loop boleh saja karena nilai default dari nilai loop adalah infinite
Eitss, ada beberapa attribut lagi loh yang dapat di tambahkan ke dalam tag <marquee> ini yaitu :
- scrollamount = digunakan untuk mengatur kecepatan gerak tulisan
- scrolldelay = digunakan untuk mengatur waktu gerak tulisan atau mengatur jeda.
Pasti masih kebingungan dengan hanya penjelasan seperti di atas bukan ? lebih baik kita praktekkan saja langsung.
Kita akan membahas scrollamount terlebih dahulu.
Penulisan Umum : <marquee scrollamount="angka"> Teks disini </marquee>
Langsung saja kita praktekan dengan membuat dua buah statement dengan nilai scrollamount agar tahu perbedannya :
Bagaimana ? terlihat jelas bukan perbedaan kedua hasil tersebut yang pertama lebih cepat dibandingkan yang kedua. Jadi, semakin besar nilai scrollamount maka semakin cepat tulisannya berjalan.
Lalu sekarang bagian scrolldelay. Nilai dari scrolldelay ini akan di bagi 1000, contoh kita memasukkan nilai 500, maka 500/1000 = 0,5 jadi jeda dari tulisannya adalah 0,5 detik.
Contoh lain kita memasukkan nilai 5000, maka 5000/1000 = 5, jadi jeda tulisannya adalah 5 detik. Mari kita langsung praktekkan saja.
Penulisan Umum : <marquee scrolldelay="angka"> Teks disini </marquee>
Contoh :
Terlihat jelas bukan perbedaannya dari kedua hasil di atas ? jadi semakin besar angka nya semakin lama juga jeda nya.
Okeee, kita sudah membahas cukup banyak tentang tag marquee semoga jelas dengan apa yang saya tulis di artikel ini. Jika ada yang ingin ditanyakan silahkan tanya melalui kolom komentar,
Kali ini saya ingin melanjutkan artikel mengenai HTML. Pada artikel ini akan dibahas mengenai "cara membuat tulisan bergerak pada HTML".
Untuk membuat tulisan berjalan dapat menggunakan tag <marquee> </marquee>.
Penulisan umum : <marquee> Teks Di sini </marquee>
Langsung kita coba saja :
Nah hasilnya akan seperti diatas. Arah dari tulisan tersebut dari kanan ke kiri. Lalu, bagaimana caranya agar kita dapat mengubah arah jalannya tulisan tersebut misalkan dari atas ke bawah atau sebaliknya ?
cara nya cukup mudah, dengan hanya menambahkan attribut "direction".
- DIRECTION
Penulisan umum : <marquee direction="up"></marquee>
Ayo kita langsung coba saja :
Cukup mudah bukan ? mari kita jelaskan.
pada attribut direction nilai nya adalah up yang artinya bahwa tulisan tersebut akan bergerak dari bawah ke atas. Ada beberapa nilai yang dapat diterapkan pada attribut direction, yaitu :
- up = teks yang bergerak dari bawah ke atas
- bottom = teks yang bergerak dari atas ke bawah
- left = teks yang bergerak dari kanan atau kiri
- right = teks yang bergerak dari kiri ke kanan
Untuk arah tulisan kita sudah berhasil membuatnya, sekarang adalah bagaimana kita hanya ingin tulisan tersebut bergerak hanya sebanyak 2x atau 10x saja ?
Cara nya pun cukup mudah hanya dengan menambahkan attribut "loop" yang berarti "ulang".
- LOOP
Penulisan umum : <marquee loop="angka"> Teks disini </marquee>
Langsung saja kita praktekkan dengan nilai loop sebanyak 2 : <marquee loop="2"> Tulisan ini berulang sebanyak 2x </marquee>
Jika tidak terlihat tulisannya tolong di refresh karena jika sudah 2x looping maka tulisannya hilang. Jika kita tidak menuliskan attribut loop boleh saja karena nilai default dari nilai loop adalah infinite
Eitss, ada beberapa attribut lagi loh yang dapat di tambahkan ke dalam tag <marquee> ini yaitu :
- scrollamount = digunakan untuk mengatur kecepatan gerak tulisan
- scrolldelay = digunakan untuk mengatur waktu gerak tulisan atau mengatur jeda.
Pasti masih kebingungan dengan hanya penjelasan seperti di atas bukan ? lebih baik kita praktekkan saja langsung.
Kita akan membahas scrollamount terlebih dahulu.
- SCROLLAMOUNT
Penulisan Umum : <marquee scrollamount="angka"> Teks disini </marquee>
Langsung saja kita praktekan dengan membuat dua buah statement dengan nilai scrollamount agar tahu perbedannya :
Bagaimana ? terlihat jelas bukan perbedaan kedua hasil tersebut yang pertama lebih cepat dibandingkan yang kedua. Jadi, semakin besar nilai scrollamount maka semakin cepat tulisannya berjalan.
- SCROLLDELAY
Lalu sekarang bagian scrolldelay. Nilai dari scrolldelay ini akan di bagi 1000, contoh kita memasukkan nilai 500, maka 500/1000 = 0,5 jadi jeda dari tulisannya adalah 0,5 detik.
Contoh lain kita memasukkan nilai 5000, maka 5000/1000 = 5, jadi jeda tulisannya adalah 5 detik. Mari kita langsung praktekkan saja.
Penulisan Umum : <marquee scrolldelay="angka"> Teks disini </marquee>
Contoh :
Terlihat jelas bukan perbedaannya dari kedua hasil di atas ? jadi semakin besar angka nya semakin lama juga jeda nya.
Okeee, kita sudah membahas cukup banyak tentang tag marquee semoga jelas dengan apa yang saya tulis di artikel ini. Jika ada yang ingin ditanyakan silahkan tanya melalui kolom komentar,