Belajar membuat tulisan berjalan di dalam 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> akuari </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>

  <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)

<marquee width="400">akuari</marquee><br>

  <marquee behavior="slide" width="400">akuari</marquee><br>

  <marquee behavior="alternate" width="400">akuari</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">akuari</marquee><br>

  <marquee scrolldelay="100" width="600">akuari</marquee><br>

  <marquee scrolldelay="400" width="600">akuari</marquee>

Atribut Scrollamount

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

  <marquee width="600">akuari</marquee><br>

  <marquee scrollamount="15" width="600">akuari</marquee><br>

  <marquee scrollamount="25" width="600">akuari</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">akuari</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://vlog.akuari.my.id">akuari</a></marquee>

Atribut bouncing

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

<marquee behavior="alternate">akuari</marquee>

 

sekian tutorial pembelajaran dari saya, semoga bermanfaat