Beranda
Programming

Membuat Tulisan Berjalan HTML

Membuat Tulisan Berjalan Running Text Html, tulisan berjalan di html, membuat running Text, tulisan berjalan, Membuat Tag Marquee.
Tulisan Berjalan atau running text, adalah salah satu elemen html yang sering di sebut juga marquee. elemen ini di gunakan untuk membuat teks atau media lain seperti gambar atau video bergerak, baik secara horizontal maupun vertikal.

Tutorial Marquee

Tutorial Cara Membuat tulisan berjalan di html kita membutuhkan tag <marquee> isi teks </marquee> pada tag <marquee> kita juga bisa menambahkan beberapa atribut. dan berikut ini contoh tulisan berjalan atau runing text yang bisa kalian coba!

Tidak Menggunakan Atribut (Standar)

Yaitu tulisan berjalan biasa yang tidak menggunakan atribut apapun

<marquee> Sulistio Blogs </marquee>

Atribut Direction

Atribut direction yaitu digunakan untuk menentukan arah gerak dari konten terdapat empat nilai di dalam atribut ini yaitu up (atas), down (bawah), left (kiri) dan right (kanan,)

Contoh Penulisan Kanan dan Kiri

 <marquee direction="right">Teks ini ke kanan</marquee>

  <marquee direction="left">Teks ini ke kiri</marquee>

Contoh Penulisan Atas dan Bawah

<marquee direction="up" height="50">Teks ini bergerak dari bawah ke atas</marquee><br>

  <marquee direction="down" height="50">Teks ini bergerak dari atas ke bawah</marquee>

Atribut Behaviro

Atribut behavior yaitu digunakan untuk menentukan tipe pergerakan marquee. Nilai yang dapat diisi di atribut behavior yaitu slide, scroll dan juga alternate. Jika Anda tidak membuat atribut behavior di tag <marquee> yaitu maka secara default nilainya adalah “scroll” (tidak bergerak)

width="400">Sulistio Blogs</marquee><br>

  <marquee behavior="slide" width="400">Sulistio Blogs</marquee><br>

  <marquee behavior="alternate" width="400">Sulistio Blogs</marquee><br>

Atribut Scrolldelay

Atribut scrolldelay yaitu digunakan untuk menentukan waktu delay (tunda) per langkah dalam satuan milisekon ( 1 milisekon = 1/1000 sekon) yang diisi dengan nilai angka seperti 100.

<marquee width="600">Sulistio Blogs</marquee><br>

  <marquee scrolldelay="100" width="600">Sulistio Blogs</marquee><br>

  <marquee scrolldelay="400" width="600">Sulisto Blogs</marquee>

Atribut Scrollamount

Atribut scrollamount yaitu digunakan untuk menentukan kecepatan konten di tag <marquee>, dalam bergerak dengan satuan pixel.

 <marquee width="600">Sulistio Blogs</marquee><br>

  <marquee scrollamount="15" width="600">Sulistio Blogs</marquee><br>

  <marquee scrollamount="25" width="600">Sulistio Blogs</marquee>

Atribut bgcolor

Atribut bgcolor yaitu digunakan untuk menentukan warna background atribut ini bisa ditulis dengan nama warna (misal:yellow) atau dengan kode warna hex.

<marquee bgcolor="yellow" width="400">Sulistio Blogs</marquee>

Atribut Link

Atribut Link Yaitu Di gunakan untuk memberikan link kepada tulisan berjalan. yang nantinya bisa di klik dan di alihkan (redirect) ke link yang telah di tetapkan

<marquee width="400"><a href="https://sulistio.xyz">Sulistio Blogs</a></marquee>

Atribut bouncing

atribut bouncing yaitu di gunakan Supaya Teks memantul Ke kanan dan ke kiri

<marquee behavior="alternate">Sulistio Blogs</marquee>

Itu Lah yaitu Beberapa Contoh Kode Untuk Membuat Tulisan Berjalan Atau Running Teks. Demikian Tutorial Cara Membuat Tulisan Berjalan Di HTML Selamat Mencoba! Happy Coding 🙂

Posting Komentar