0% found this document useful (0 votes)
191 views4 pages

Marquee HTML

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
191 views4 pages

Marquee HTML

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML

An HTML marquee is a scrolling piece of text displayed either horizontally


across or vertically down your webpage depending on the settings. This is
created by using HTML <marquees> tag.
Note − The <marquee> tag deprecated in HTML5. Do not use this element,
instead you can use JavaScript and CSS to create such effects.

Syntax
A simple syntax to use HTML <marquee> tag is as follows −
<marquee attribute_name = "attribute_value"....more
attributes>
One or more lines or text message or image
</marquee>

The <marquee> Tag Attributes


Following is the list of important attributes which can be used with
<marquee> tag.

Sr.No Attribute & Description

1 width
This specifies the width of the marquee. This can be a value like 10 or
20% etc.

2 height
This specifies the height of the marquee. This can be a value like 10 or
20% etc.
HTML

3 direction
This specifies the direction in which marquee should scroll. This can
be a value like up, down, left or right.

4 behavior
This specifies the type of scrolling of the marquee. This can have a
value like scroll, slide and alternate.

5 scrolldelay
This specifies how long to delay between each jump. This will have a
value like 10 etc.

6 scrollamount
This specifies the speed of marquee text. This can have a value like
10 etc.

7 loop
This specifies how many times to loop. The default value is INFINITE,
which means that the marquee loops endlessly.

8 bgcolor
This specifies background color in terms of color name or color hex
value.

9 hspace
This specifies horizontal space around the marquee. This can be a
value like 10 or 20% etc.

10 vspace
HTML

This specifies vertical space around the marquee. This can be a value
like 10 or 20% etc.

Below are few examples to demonstrate the usage of marquee tag.


Examples - 1
Live Demo

<!DOCTYPE html>
<html>

<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>
This will produce the following result −
Examples - 2
Live Demo

<!DOCTYPE html>
<html>

<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee width = "50%">This example will take only 50% width</marquee>
</body>
</html>
This will produce the following result −
HTML

Examples - 3
Live Demo

<!DOCTYPE html>
<html>

<head>
<title>HTML marquee Tag</title>
</head>

<body>
<marquee direction = "right">This text will scroll from left to right</marquee>
</body>
</html>
This will produce the following result −
Examples - 4
Live Demo

<!DOCTYPE html>
<html>

<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "up">This text will scroll from bottom to up</marquee>
</body>
</html

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy