Monday 8 September 2014

DASAR-DASAR STRUKTUR HTML



DASAR-DASAR STRUKTUR HTML

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:

  • Behaviaor=, menentukan jenis gerakan teks. Ada tiga macam gerakan teks yang dapat digunakan, yaitu:
  1.  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.
  2. 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.
  3. 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.html  dan pastikan type document nya All File,
Jika sudah di save coba sobat buka dengan
Mozila Firefox.



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

Ads Inside Post