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:

AttributeDescription
widthprovides the width or breadth of a marquee. For example width="10" or width="20%"
heightprovides the height or length of a marquee. For example height="20" or height="30%"
directionprovides 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
scrolldelayprovides a feature whose value will be used for delaying among each jump.
scrollamountprovides value for speeding the marquee feature
behaviorprovides the scrolling type in a marquee. That scrolling can be like sliding, scrolling or alternate
loopprovides how many times the marquee will loop
bgcolorprovides a background color where the value will be either the name of the color or the hexadecimal color-code.
vspaceprovides a vertical space and its value can be like: vspace="20" or vspace="30%"
hspaceprovides 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


Comments

Popular posts from this blog

How TO Make MUHARAM UL Haram DP 2020, Muharam Name Dp For Whatsapp

#Nankana #Lake #Resort inside Views | Nankana resort ticket price | Nankana Resort Photos