DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA MEMBUAT TEKS BERJALAN DI HTML

Panduan sederhana dan mudah dipahami tentang cara membuat teks berjalan di HTML. Ikuti langkah-langkah ini dan pelajari bagaimana menambahkan efek teks berjalan pada halaman webmu untuk membuatnya lebih dinamis dan menarik.

Daftar Isi:

Mengenal `Marquee`
Langkah-langkah Membuat Teks B...
Pengaturan Tambahan

Ketika membuka situs web, telah menjadi hal yang umum melihat teks yang bergerak dari satu sisi ke sisi lain. Efek semacam ini dikenal sebagai teks berjalan (marquee) dan dapat menghidupkan halaman dengan menambahkan sedikit dinamisme. Pada artikel ini, kamu akan belajar cara membuat teks berjalan di HTML dengan langkah-langkah yang mudah diikuti.

Mengenal Marquee

Sebelum kita mulai, penting untuk mengerti apa itu marquee. Marquee adalah tag yang dipakai dalam bahasa pemrograman HTML untuk membuat efek teks berjalan. Teks akan bergerak dari kiri ke kanan, kanan ke kiri, atas ke bawah, atau sebaliknya, tergantung pada pengaturan yang diaplikasikan.

Langkah-langkah Membuat Teks Berjalan di HTML

Berikut adalah langkah-langkah untuk membuat teks berjalan di HTML.

Bukalah Editor Teks

Pertama, buka editor teks pilihanmu seperti Notepad, Sublime Text, atau VS Code. Kemudian, buatlah file baru dan simpan dengan ekstensi .html.

Tuliskan Kode HTML Dasar

Sebelum menulis kode marquee, kamu perlu menulis kode HTML dasar seperti contoh berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Teks Berjalan</title>
</head>
<body>

</body>
</html>

Tambahkan Tag Marquee

Sekarang, di dalam tag <body>, tambahkan tag marquee dan tulis teks yang ingin kamu tampilkan sebagai teks berjalan. Berikut contohnya:

<body>
    <marquee>Selamat datang di website kami!</marquee>
</body>

Simpan dan Jalankan File

Simpan file HTML yang kamu buat, lalu buka file tersebut dengan browser pilihanmu. Kamu seharusnya dapat melihat teks bergerak dari kanan ke kiri di layar.

Pengaturan Tambahan

Kamu bisa mengontrol arah, kecepatan, dan perilaku teks berjalan dengan menambahkan atribut ke dalam tag <marquee>.

Mengatur Arah Teks Berjalan

<marquee direction="right">Selamat datang di website kami!</marquee>

Mengatur Kecepatan Teks Berjalan

<marquee scrollamount="10">Selamat datang di website kami!</marquee>

Mengatur Perilaku Teks Berjalan

<marquee behavior="alternate">Selamat datang di website kami!</marquee>

Sekarang kamu sudah tahu cara membuat teks berjalan di HTML. Dengan menambahkan efek ini, halaman webmu bisa menjadi lebih interaktif dan menarik. Selamat mencoba!


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding