Scribd
Upload
262 views

HTML Marquees

The document discusses HTML marquees, which are scrolling pieces of text on a webpage. It describes the <marquee> tag and its attributes like width, height, direction, behavior, and others. It provides examples of basic and advanced marquee usage.

Uploaded by

Rhea Ramos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
262 views

HTML Marquees

The document discusses HTML marquees, which are scrolling pieces of text on a webpage. It describes the <marquee> tag and its attributes like width, height, direction, behavior, and others. It provides examples of basic and advanced marquee usage.

Uploaded by

Rhea Ramos
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

6/20/2015

HTMLMarquees

HTML Marquees
Advertisements

Previous Page

Next Page

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 HTML <marquee> tag may not be supported by various browsers so its
not recommended to rely on this tag, instead you can use Javascript and CSS to
create such effects.

Syntax
A simple syntax to use HTML <marquee> tag is as follows:
<marqueeattribute_name="attribute_value"....moreattributes>
Oneormorelinesortextmessageorimage
</marquee>

The <marquee> Tag Attributes


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

Description

width

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

height

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

direction

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

behavior

This specifies the type of scrolling of the marquee. This can have a value like

http://www.tutorialspoint.com/html/html_marquees.htm

1/4

6/20/2015

HTMLMarquees

scroll, slide and alternate.


scrolldelay

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

scrollamount

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

loop

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

bgcolor

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

hspace

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

vspace

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

<!DOCTYPEhtml>
<html>
<head>
<title>HTMLmarqueeTag</title>
</head>
<body>
<marquee>Thisisbasicexampleofmarquee</marquee>
</body>
</html>

This will produce following result:

c example of marquee

Examples - 2
<!DOCTYPEhtml>
<html>
<head>
<title>HTMLmarqueeTag</title>
</head>
<body>
<marqueewidth="50%">Thisexamplewilltakeonly50%width</marquee>
</body>
</html>

This will produce following result:


This example will take only 50% width
http://www.tutorialspoint.com/html/html_marquees.htm

2/4

6/20/2015

HTMLMarquees

Examples - 3
<!DOCTYPEhtml>
<html>
<head>
<title>HTMLmarqueeTag</title>
</head>
<body>
<marqueedirection="right">Thistextwillscrollfromlefttoright</marquee>
</body>
</html>

This will produce following result:


This text will scroll from left

Examples - 4
<!DOCTYPEhtml>
<html>
<head>
<title>HTMLmarqueeTag</title>
</head>
<body>
<marqueedirection="up">Thistextwillscrollfrombottomtoup</marquee>
</body>
</html>

This will produce following result:


This text will scroll from bottom to up

Previous Page

Next Page
Advertisements

http://www.tutorialspoint.com/html/html_marquees.htm

3/4

6/20/2015

HTMLMarquees

PARSEANDTRANSFORMHTML

semanticdesigns.com/DMSToolkit

Automatedtoolsforwebpages.XHTML,cleanHTMLanddirty
HTML

Extras

Copyright 2015. All Rights Reserved.


Write for us

http://www.tutorialspoint.com/html/html_marquees.htm

FAQ's

Helping

Contact

4/4

You might also like