Cara Membuat Teks Berjalan di HTML
Dalam realisasinya, teks berjalan di halaman website juga tidak jauh beda dengan televisi. Teks berjalan di website juga biasanya digunakan untuk informasi, pemberitahuan, dan hiburan. Pembuatannya tidaklah begitu sulit kalian dapat menggunakan elemen html untuk membuatnya.
Kalian dapat menggunakan elemen khusus dari HTML yang bisa disebut marquee atau <marquee>TEKS </marquee>, Untuk caranya kalian dapat melihatnya di bawah ini :
1. Teks Berjalan
Untuk membuat teks berjalan kalian dapat menggunakan kode HTML berikut :
<!DOCTYPE html>
<html>
<head>
<title> TEKS BERJALAN </title>
</head>
<body>
<marquee> TEKS INI BERJALAN </marquee>
<body><html>
Hasil setelah kalian menjalankan kode diatas :
2. Teks Berjalan Ke Kanan dan Ke Kiri
Teks berjalan bisa dibuat ke kanan dan ke kiri menggunakan kode direction=”right” apabila ke kanan dan direction=”left” apabila ingin ke kiri , berikut ini caranya :
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee direction=”right”> Teks Ini Berjalan Ke Kanan </marquee><marquee direction=”left”> Teks Ini Berjalan Ke Kiri</marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
3. Teks Berjalan Memantul
Teks berjalan berikut ini akan memantul apabila sudah sampai di ujung tampilan, menggunakan behavior=”alternate”, pantulannya ke kanan dan ke kiri, berikut ini kodenya :
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee behavior=”alternate”> TEKS INI BERJALAN MEMANTUL </marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
4. Teks Berjalan Stop
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee behavior=”slide”> TEKS INI BERJALAN LALU STOP</marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
5. Teks Berjalan Dengan Lambat
Jika kalian tidak menyukai berjalan dengan cepat kalian dapat mengurangi kecepatannya dengan menggunakan kode scrolldelay=”kecepatan yang kalian inginkan” semakin tinggi angka yang kalian masukkan akan membuat teks makin lama berjalannya. Berikut ini kode lengkapnya :
<!DOCTYPE html>
<html>
<head>
<title> TEKS BERJALAN </title>
</head>
<body>
<marquee scrolldelay=”300″> Teks Ini Berjalan Dengan Lambat</marquee>
<body><html>
Hasil setelah kalian menjalankan kode diatas :
6. Teks Berjalan dengan Backround berwarna
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee bgcolor=”yellow”> Teks Ini Berjalan Dengan Background Kuning</marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
7. Teks Berjalan Ke Atas atau Ke Bawah
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee direction=”up”> Teks Ini Berjalan Ke Atas</marquee><marquee direction=”down”> Teks Ini Berjalan Ke Bawah</marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
8. Teks Berjalan Dengan Warna Teks yang Berbeda
<!DOCTYPE html><html><head><title> TEKS BERJALAN </title></head><body><marquee style=”color:blue”> Teks Ini Berjalan Ke Atas</marquee><marquee direction=”down” style=”color:blue” > Teks Ini Berjalan Ke Bawah</marquee><body><html>
Hasil setelah kalian menjalankan kode diatas :
Demikian yang dapat Admin bagikan, semoga dapat menambah wawasan pembaca tentang Cara Membuat Teks Berjalan di HTML. Selamat mempraktikkan.
