Teks berjalan di HTML? apa bisa? - Melihat dari tema kali ini yaitu "Teks berjalan di HTML? apa bisa?" jawabannya "bisa". Bukan makhluk hidup saja yang bisa berjalan, teks juga bisa berjalan khususnya di halaman WEB menggunakan bahasa markup HTML. Untuk yang sudah mengetahui tentu bukan lagi menjadi hal yang asing lagi tetapi sebagian ada yang belum mengetahui mengenai hal ini. Tentunya menjadi hal yang aneh dan pastinya menarik untuk sama - sama kita ulas.Perihal mengenai dasar dari HTML itu sendiri bisa kita baca di : Dasar Penulisan kode HTML


baca juga : Mengenal tag, elemen dan attribut HTML

Marquee merupakan berasal dari bahasa HTML yang mempunyai arti "teks berjalan". Dimana hasil yang akan ditampilkan disini menggunakan web browser karena berbasis web. Apabila kita menilik dari segi penerapannya, fungsi tag <marquee> ini bisa untuk membuat informasi berjalan, judul postingan berjalan, terkadang bagi anda yang hobby dalam hal blogging, menampilkan link orang lain secara berjalan di side bar.

Tools

• Web Editor (notepad)
• Web Browser (Mozilla)

Contoh

Cara pasang
Buka web editor
Lalu ketikan sintax dibawah atau mau copas juga boleh

<marquee> Contoh teks berjalan</marquee>

Simpan dengan ekstensi *.html atau dengan nama latmarquee.html

Selain dari contoh diatas, kita bisa memodifikasi atau mengembangkan lagi dari tag marquee tersebut. Karena tag <marquee> mempunyai beberapa attribut yang menarik kita coba. Mengenai apa saja dan bagaimana saja fungsinya, mari kita sama - sama lihat dibawah ini :
bgcolor = "warna" ->  mengatur warna background dari teks
direction = "left | right | up | down" -> mengatur arah gerakan teks
behavior = "left | right | up | down" -> mengatur prilaku gerakan
scroll -> teks bergerak berputar
slide -> teks bergerak sekali lalu berhenti
alternate -> teks yang bergerak dari kiri ke kanan dan balik lagi
title = "nama judul" -> judul akan muncul ketika kursor di arahkan ke teks
scrollmount = "angka" -> mengatur kecepatan gerakan teks yang bergerak, semakin besar angka maka semakin cepat teks bergerak
scrolldelay = "angka" -> mengatur waktu tunda teks dalam mili detik
width = "angka lebar" -> mengatur lebar blok teks dalam pixel atau persen

Dari kiri ke kanan dengan lebar 30%

<marquee align="center" direction="right" scrollamount="2" width="30%"> marquee dari kiri ke kanan</marquee>

marquee dari kiri ke kanan
Marquee dengan background warna dan lebar 70%

<div align="left">

<span style="color: white; font-family: georgia;"><b><marquee behavior="alternate" bgcolor="red" scrollamount="3" width="70%"> Marquee dengan background </marquee></b></span></div>

Berhenti saat kursor di arahkan

<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%"> silahkan tunjuk ke sini </marquee>

silahkan tunjuk ke sini Marquee dengan link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <br />

<a href="http://svshare7.blogspot.com/">Download software dan tutorial</a><br />

</marquee> <br />

<br />

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center"> <br />

<a href="http://svshare7.blogspot.com/">Download software dan tutorial</a><br />

</marquee>

Download software dan tutorial



Download software dan tutorial