Pada kesempatan ini saya selaku admin blog ini ingin
membagikan sedikit ilmu yang mungkin bermanfaat untuk sobat sekalian, setelah
kemarin saya posting artikel tentang DASAR-DASAR
STRUKTUR HTML, namun kali ini saya akan melanjutkan postingan
tentang Belajar Membuat Animasi Teks Dengan HTML, posting kali ini memang
termasuk kedalam dasar html , tapi tak ada salahnya saya bagikan, karena masih
banyak kawan-kawan kita
yang belum menguasai HTML,
Dengan HTML sobat dapat membuat bermacam animasi, namun kali ini kita akan membuat Teks berjalan, dalam Html untuk menganimasikan suatu teks menggunakan tag <marque></marque>. Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini adalah:
yang belum menguasai HTML,
Dengan HTML sobat dapat membuat bermacam animasi, namun kali ini kita akan membuat Teks berjalan, dalam Html untuk menganimasikan suatu teks menggunakan tag <marque></marque>. Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini adalah:
- Behaviaor=, menentukan jenis gerakan teks. Ada tiga macam gerakan teks yang dapat digunakan, yaitu:
- Scroll, dimana teks akan bergerak memutar, muncul dari salah satu halaman web dan akan menghilang pada posisi yang lain. Gerakan ini di lakukan berulang-ulang.
- Slide, dimana teks muncul dari salah satu sisi halaman web kemudian menghilang pada sisiyang lain. Gerakan ini hanya dilakukan skali, begitu teks mengdilang tidak akan muncul lagi.
- Alternate, teks akan bergerak bolak-balik dari satu sisi halaman web ke sisi yang lain.
- With dan Height, atribut ini akan menentukan tinggi dan lebar dari daerah tempat teks berada.
- Scrolldelay, menentuakn kecepatan gerak scroll dari teks, semakin besar nilai atribut, maka semakin cepat gerak teks.
- Direction, menentukan arah gerak, atau dari mana teks mulai bergerak. Atribut ini diisi dengan Right atau Left atau menentukan arah gerak.
- Bgcolor, untuk memberi warna latar belakang dari daerah gerak teks.
- Align, untuk menentukan posisi teks terhadap daerah gerak teks.
Oke sobat, sebagai contoh coba ketikan listing Html di bawah ini di notepad :
<html>
<head>
<title> new page 1</title>
</head>
<body>
<p>
<marquee bgcolor=”#C0C0” loop=”4” direction=”right” scrolldelay=”2” scrollmount=”8” align=”middle” width=”291” height=”19”> Mari Berjalan</marquee>
</p>
</body>
</html>
Jika sudah selesai simpan dengan nama Coba.
Apakah view nya sama seperti gambar di atas, jika sama, berarti html sobat berhasi.
Demikian sedikit ilmu dari saya, apabila ada kata yang kurang menarik mohon di maafkan, terimakasih atas kunjungannya.. salam blgger...........
No comments:
Post a Comment