HTML <Marquee> tag

HTMLWeb DevelopmentFront End Technology

The <marquee> tag is used to scroll text or image vertically or horizontally on the web page. For example, Breaking news, Popular Articles, etc. These sections are generally displayed scrolling from left to right.

Note: The <marquee> tag deprecated in HTML5.

Following are the attributes:

Attribute
Value
Description
behavior
scroll
slide
alternate
Defines the type of scrolling.
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
Deprecated − Defines the direction of scrolling the content.
direction
up
down
left
right
Defines the direction of scrolling the content.
height
pixels or %
Defines the height of marquee.
hspace
pixels
Specifies horizontal space around the marquee.
loop
number
Specifies how many times to loop. The default value is INFINITE, which means that the marquee loops endlessly.
scrolldelay
seconds
Defines how long to delay between each jump.
scrollamount
number
Defines how how far to jump.
width
pixels or %
Defines the width of marquee.
vspace
pixels
Specifies vertical space around the marquee.

 

Let us now see an example to implement the <marquee> element in HTML:

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
</head>
<body>
<h1>Demo Heading</h1>
<p>This is demo text.</p>
   <marquee direction = "right">This is moving text.</marquee>
</body>
</html>

This will produce the following output. This is a moving text:

The text is moving from left to right:

raja
Published on 18-Jun-2019 14:10:19
Advertisements