Skodev
Belajar coding dalam bahasa Indonesia
DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
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.
MarqueeSebelum 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.
Berikut adalah langkah-langkah untuk membuat teks berjalan di HTML.
Pertama, buka editor teks pilihanmu seperti Notepad, Sublime Text, atau VS Code. Kemudian, buatlah file baru dan simpan dengan ekstensi .html.
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>MarqueeSekarang, 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 file HTML yang kamu buat, lalu buka file tersebut dengan browser pilihanmu. Kamu seharusnya dapat melihat teks bergerak dari kanan ke kiri di layar.
Kamu bisa mengontrol arah, kecepatan, dan perilaku teks berjalan dengan menambahkan atribut ke dalam tag <marquee>.
<marquee direction="right">Selamat datang di website kami!</marquee><marquee scrollamount="10">Selamat datang di website kami!</marquee><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!
Link terkait: