Belajar HTML: Cara Membuat Teks Berjalan

Buat teks berjalan dengan html marquee

Aku pernah melihat website yang memiliki fitur teks berjalan didalamnya. Teks berjalan tersebut berisi konten tentang pengumuman maupun informasi penting lainnya.

Tutorial belajar HTML kali ini aku akan coba membahas bagaiamana cara membuat teks berjalan dengan menggunakan attribute marquee pada HTML.

Langkah 1: Buat File HTML

Buat sebuah file HTML dan beri nama index.html atau sesuai keinginan kamu.

Kode HTML:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Teks Berjalan HTML</title>
</head>
<body>

</body>
</html>

Simpan dan sekarang kita tambahkan attribute marquee untuk membuat teks dapat berjalan dari kanan ke kiri.

<marquee>Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee>

Langkah 2: Opsi

Penggunaan marquee memiliki beberapa opsi yang sering dipakai antara lain:

Setting Kecepatan

Kode HTML:

<marquee scrollamount="3">Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee>

scrollamount memiliki nilai bertipe angka. Mulai dari 0 sampai 99xx. Semakin kecil nilai angka maka kecepatan teks berjalan semakin lambat, sebaliknya semakin besar nilai angka maka kecepatan teks berjalan semakin cepat.

Arah (Direction)

Kode HTML:

<marquee direction="right">Selamat datang di website kami! Kami informasikan bahwa hari ini perpanjangan</marquee> 

direction memiliki nilai updownleft dan right. Apabila diberikan nilai right maka teks berjalan akan berjalan ke kanan (dari kiri ke kanan).

Demikian tutorial belajar HTML membuat teks berjalan dengan menggunakan attribute marquee. Semoga bermanfaat dan jangan lupa share yah!

Leave a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Shares
Scroll to Top