Category: 

What Is an HTML Marquee?

Article Details
  • Written By: Eugene P.
  • Edited By: Angela B.
  • Last Modified Date: 05 September 2016
  • Copyright Protected:
    2003-2016
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
In late 19th-century London, mail was delivered to residential addresses up to twelve times each day.   more...

September 28 ,  1924 :  Two US military planes complete the first flights around the world.  more...

In the HyperText Markup Language (HTML), a marquee is an HTML tag that causes elements contained within the tag to move across some portion of the viewable area of the web page. The HTML marquee originally was designed to allow designers to easily include a ticker-tape-style text animation, although the tag can be applied to any type of element, including images and hyperlinks. Like many HTML tags, the HTML marquee tag has several attributes that can be set to control the direction and speed of the movement, how many times the item should scroll and how much of the screen should be traversed. The HTML marquee tag was never technically part of the HTML language standard; instead, it was an extension created for a single web browser, although many other browsers eventually built in some support for the tag. The basic scrolling of an HTML marquee can easily be reproduced by using cascading style sheets (CSS) and JavaScript®, and it is the preferred method of creating the effect.

Ad

An important note about the HTML marquee tag is that it was an extension created solely for Microsoft® Internet Explorer®, without any notification to the consortium that maintains and regulates the HTML language standard. This meant the marquee feature originally would only render on one browser and had no formal standard for other browsers to implement. Most web browsers eventually implemented support for the marquee tag, mostly for compliance with existing web sites. The marquee tag officially is depreciated under the HTML language standard, however, its continued support is not guaranteed, and its continued use is discouraged.

Within a web page, the HTML marquee tag can be used to enclose some text, an image or another HTML element so the element will visibly move or scroll across a page. The default behavior is for the element to move from a non-visible position beyond the right edge of the frame to the left, and then out of view beyond the left edge of the frame. Without any other definitions, the marquee element will continually scroll in this manner for as long as the website is viewed.

Several properties can be defined to better control the behavior of an HTML marquee. The direction of the HTML marquee can be changed so objects will scroll vertically. The speed of the movement can be defined in milliseconds so the elements will move faster or slower. Most importantly, the default behavior of scrolling to and from non-visible locations can be changed so the text always appears within its scrolling area. A specific number of cycles, or loops, also can be defined so the text will only travel across the screen a certain number of times before stopping and becoming static.

Ad

You might also Like

Recommended

Discuss this Article

Magnificat
Post 1

I'm glad I came across this information. Most sites I've looked into only show using the HTML marquee tool with other mark-up language, but your site actually provided background information on the tool's development.

Post your comments

exception 'Exception' with message 'error writing captcha: Duplicate entry '2147483647' for key 'PRIMARY'' in /ssd/www/wisegeek/public_html/_core/classes/public/Captcha.php:44
Stack trace:
#0 /ssd/www/wisegeek/public_html/_core/controls/public/ControlDiscussionPostBox.php(324): Captcha->createCaptcha()
#1 /ssd/www/wisegeek/public_html/framework/classes/Control.php(104): ControlDiscussionPostBox->preRender(false)
#2 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): Control->render()
#3 /ssd/www/wisegeek/public_html/tpl/default-nocustom-lu/pages/public/article/article.htm(526): Control->__toString()
#4 /ssd/www/wisegeek/public_html/framework/classes/Control.php(300): require('/ssd/www/wisege...')
#5 /ssd/www/wisegeek/public_html/framework/classes/Control.php(309): Control->requireTpl('pages/public/ar...', Object(PageArticleCom), true)
#6 /ssd/www/wisegeek/public_html/framework/classes/Control.php(131): Control->renderTpl('pages/public/ar...', Object(PageArticleCom))
#7 /ssd/www/wisegeek/public_html/framework/classes/FormDataControl.php(87): Control->renderTemplate()
#8 /ssd/www/wisegeek/public_html/framework/classes/Control.php(109): FormDataControl->renderTemplate()
#9 /ssd/www/wisegeek/public_html/framework/classes/ScriptPage.php(50): Control->render(false)
#10 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): ScriptPage->render()
#11 /ssd/www/wisegeek/public_html/framework/classes/Page.php(97): Control->__toString()
#12 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(443): Page->processRequest()
#13 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(7): PublicFrontController->renderPage()
#14 /ssd/www/wisegeek/public_html/index.php(11): PublicFrontController::run()
#15 {main}