Editor Coding



EDITOR CODING

PANDUAN :
  • Hapus Code di atas dan ganti code anda
  • Mulai belajar coding

4/11/2020

Arti Marquee Dan 8 Cara Membuatnya


Marquee



Arti Marquee adalah Html elemen yang menjadikan teks dapat bergerak. Tag marquee pertama kali diperkenalakan oleh microsoft  sebagai versi awal. Marquee dapat bergerak dari kiri ke kanan, kanan ke kiri, bawah keatas dan atas kebawah.



Marquee Tag Simple
Deskripsi :
Tag Marquee biasa digunakan di dalam halaman website, berguna sebagai keterangan untuk mempertegas atau mencuri perhatian pengunjung. dapat digunakan sebagai iklan berbentuk Teks berjalan. fungsi lainnya dapat disesuaikan menurut keinginan.
<marquee> tag is used to display a scrolling piece or image, either horizontally or vertically in your web page depending on the settings.

Contoh kode koding Marquee simpel yang bisa anda coba di Editor Coding halaman atas.
Koding lainnya dibawah juga perlu anda coba bagi koder pemula.

<marquee>
Tulis Teks Berjalan
</marquee>

Teks Anda Bergerak kiri ke kanan



Marquee Right
Deskripsi :
Atribut direction berfungsi untuk mengarahkan pergerakan teks.
Di bawah contoh teks yang bergerak ke kanan.

<marquee direction="right">
<h1>Teks Bergerak Kanan Ke Kiri</h1>
</marquee>

Teks Bergerak Dari kanan ke kiri




Marquee Up (Teks Bergerak Naik)
Deskripsi :
Mengendalikan teks dan gambar untuk bergerak dari bawah ke atas juga bisa dilakukan dengan atribut direction up.
Anda dapat mempelajari contoh berikut, dan silahkan berinovasi juga menurut inspirasi ide pikiran.
Terapkan cara membuatnya dengan belajar langsung diatas ( Editor Coding ).

<marquee direction="up">
<h1>Teks Bergerak ke Atas</h1>
</marquee>

Teks Bergerak ke Atas




Marquee Down (Teks Turun)
Deskripsi :
Teks bergerak turun juga dapat di terapkan dalam halaman website. Gambar produk bergerak turun biasa dipakai dalam web toko online.
Berikut contoh kodingnya.

<marquee direction="down">
<h1>Teks Anda Turun</h1>
</marquee>

Teks Anda Turun




Marquee Bergerak Kanan ke Kiri
Deskripsi :
Kendalikan teks agar bergerak kanan kiri, ini biasa terlihat di website untuk menarik perhatian pengunjung. 


<marquee behavior="alternate">
<h1>Teks Bergerak Kanan Kiri</h1>
</marquee>

Teks Bergerak Kanan Kiri (alternate)



Code Html Marquee Scrollamount
Deskripsi : 
Scrollamount atau bergerak cepat sebagai alternativ penulisan teks atau penempatan gambar dalam halaman website. kecepatan bergerak dapat diatur sesuai keinginan (scrollamount="20"). Bel

<marquee scrollamount="30" behavior="alternate">
<h1>Teks Bergerak Cepat</h1>
</marquee>

Teks Bergerak Cepat




Marquee Stop Start
Deskripsi :
Mengarahkan teks supaya bisa di berhentikan (stop) ketika bergerak sangatlah mudah. Lihat contoh berikut code koding teks on dan stop.


<marquee onmouseover="this.stop();" onmouseout="this.start();">
<h1>Teks Anda Dapat Di Stop Dan Di Start</h1>
</marquee>

Teks Anda Dapat DiStop Juga Di Start



Display box marquee
Deskripsi :
Buat display blok sebagai lokasi marquee untuk mengendalikan beberapa pergerakan teks atau gambar. 
Belajar lebih cepat bisa hanya di Editor Coding di atas halaman ini.

<div class="example-display" style="background-color: pink;height: 600px;position: relative;">
<marquee direction="down" scroolamount="3" style="color:blue;font-family:Cursive;font-size:200px;height:100px; left:18%; position:absolute; top:30%; z-index: 2;">
CODING LINK


contoh penggunaan marquee dalam toko online Diskon hingga 70% Hari Ini !

KESIMPULAN :
<Marquee> Merupakan tag HTML sebagai bentuk terlihat di bowser, baik itu berupa Teks atau gambar bergerak. Marquee biasa dipakai dihalaman website untuk alternatif iklan dan sebagainya.
Silahkan latih belajar anda secara langsung sambil melihat contoh yang sudah ada. Dengan praktek secara langsung akan mempercepat kemampuan anda dakam koding HTML.