• HTML Textual Tags

  • HTML Image

  • HTML Lists

  • HTML Form

  • HTML Tables

  • HTML Frames

  • HTML Entities

  • HTML Anchor Tag

  • Extensible Hypertext Markup Language

  • Dynamic Hypertext Markup Language

HTML Marquee Tag

HTML tag Marquee digunakan untuk menulis teks bergulir dari kiri ke kanan, kanan ke kiri, bawah ke atas dan atas ke bawah. Kami juga dapat mengontrol kecepatan marquee, arah marquee, scrolldelay marquee dan Stop atau mulai marquee pada mouseover.

Koding Dasar Marquee

<div>
<pre>
<code>
<marquee> This is a marquee </marquee>
</code>
</pre>
</div>

Tampilan di Web Page


This is a marquee
		

Arah Marquee / Direction Marquee

Arah atribut dapat mengubah arah marquee, yaitu dari kiri ke kanan, kanan ke kiri, atas ke bawah atau bawah ke atas.

Koding Dasar Marquee Direction

<div>
<pre><code>
This marquee will scroll left
This marquee will scroll right
This marquee will scroll upwards
This marquee will scroll downwards

</code></pre>
</div>

Tampilan pada webpage


This marquee will scroll to left
This marquee will scroll to right
This marquee will scroll to upwards
This marquee will scroll downwards
		

Marquee Behaviour

Behaviour atau Sifat dari Marquee.

  1. Scroll.
  2. Slide.
  3. Alternate.

Marquee Basic Code


 This is scroll behavior of a marquee 
 This is slide behavior of a marquee 
This is alternate behavior of a marquee 

		

Tampilan pada webpage


This is a marquee with scrollamount 10
This is a marquee with scrollamount 25
This is a marquee with scrollamount 50
This is a marquee with scrollamount 100

		

Marquee scrollDelay

Kecepatan marquee bisa menjadi kontrol dengan menggunakan atribut scrollamount.

Atribut nama “scrollDelay”

<div class="highlight">
<pre><code>
<marquee scrollamount="10"> This is a marquee with scrollamount 10 </marquee>
<marquee scrollamount="25"> This is a marquee with scrollamount 25 </marquee>
<marquee scrollamount="50"> This is a marquee with scrollamount 50 </marquee>
<marquee scrollamount="100"> This is a marquee with scrollamount 100 </marquee>
</code></pre>
</div>

Tampilan pada webpage


This is a marquee with scrolldelay  10
This is a marquee with scrolldelay  25
This is a marquee with scrolldelay  50
This is a marquee with scrolldelay  100
This is a marquee with scrolldelay  200
This is a marquee with scrolldelay  300
This is a marquee with scrolldelay  500
This is a marquee with scrolldelay  1000
		

Stop and Start Marquee on mouseover

Berhenti dan Mulai Marquee pada mouseover
Bisa berhenti dan restart marqueee pada mouseover.

<div class="highlight">
<pre><code>
<marquee scrolldelay="10">This is a marquee with scrolldelay 10</marquee>
<marquee scrolldelay="25">This is a marquee with scrolldelay 25</marquee>
<marquee scrolldelay="50">This is a marquee with scrolldelay 50</marquee>
<marquee scrolldelay="100">This is a marquee with scrolldelay 100</marquee>
<marquee scrolldelay="200">This is a marquee with scrolldelay 200</marquee>
<marquee scrolldelay="300">This is a marquee with scrolldelay 300</marquee>
<marquee scrolldelay="500">This is a marquee with scrolldelay 500</marquee>
<marquee scrolldelay="1000">This is a marquee with scrolldelay 1000</marquee>
</code></pre>
</div>

Tampilan pada webpage


This marquee will stop on mouseover.
This marquee will stop on mouseclick.