HTML Marquee Tag Code | Scroll UP , Scroll Down , Bouncing ,Scroll Photo,

HTML: <marquee> tag

This HTML tutorial explains how to use the HTML element called the <marquee> tag with syntax and examples.

Description

The HTML <marquee> tag defines a scrolling text area in the HTML document that moves across the page in a horizontal or vertical direction. By default, text found within the <marquee> tag will scroll from right to left. The <marquee> tag has been deprecated in HTML5 and should no longer be used. It is recommended that you use CSS instead to create a similar scrolling effect. This tag is also commonly referred to as the <marquee> element.

The different attributes of <marquee> tag are:

Attribute	Description
width	provides the width or breadth of a marquee. For example width="10" or width="20%"
height	provides the height or length of a marquee. For example height="20" or height="30%"
direction	provides the direction or way in which your marquee will allow you to scroll. The value of this attribute can be: left, right, up or down
scrolldelay	provides a feature whose value will be used for delaying among each jump.
scrollamount	provides value for speeding the marquee feature
behavior	provides the scrolling type in a marquee. That scrolling can be like sliding, scrolling or alternate
loop	provides how many times the marquee will loop
bgcolor	provides a background color where the value will be either the name of the color or the hexadecimal color-code.
vspace	provides a vertical space and its value can be like: vspace="20" or vspace="30%"
hspace	provides a horizontal space and its value can be like: vspace="20" or vspace="30%"

Scroll UP

<marquee width="60%" direction="up" height="100px">

Welcome to "Diary of Rai" Join Us for More...

</marquee>

Scroll Down

<marquee width="60%" direction="down" height="100px">

Welcome to "Diary of Rai" Join Us for More....

</marquee>

LEFT to RIGHT

<marquee width="60%" direction="right" height="100px">

Welcome to "Diary of Rai" Join Us for More...

</marquee>

RIGHT to LEFT

<marquee width="60%" direction="left" height="100px">

Welcome to "Diary of Rai" Join Us for More...

</marquee>

Bouncing

<marquee behavior="alternate">Welcome to "Diary of Rai" Join Us for More...</marquee>

Scroll Photo

<marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOe_3BvEo_WH771O1EorP_I8-LIVd2LmjrGTmwAznTlsJeQtK9XrcETd_ibh-f15CHQHHwgOe3pxqjYv6Pvo6UdkezLyd2XRuwD56uo_miK86wVXw9iMULtNUo0SiV45AFZDyBm2H2UTWJ/w394-h326/fish-gif-animation-Fish-transparent+GIF.gif" width="94" height="88" alt="Swimming fish" /></marquee>