Web Design Tips and Information
Gold Coast Web Designs
Front Page 
 
 Feature Articles
 
 Free Stuff
 
 Web Design
 
 About
 
 Site Map
 Search

Web Design  About  Site Map 
 Home : Web Design

HTML Code For Scrolling Marquee

Email this article
 Printer friendly page

HTML For Scrolling Text

The HTML code for Scrolling Marquee is built in to 1st Page 2000 Free HTML Editor, but there is no need to install 1st Page 2000 to use the code. This article reveals how to put a Scrolling Marquee on your website.

What is Scrolling Marquee?

Scrolling Marquee is simply scrolling text. The term Marquee in this case is the HTML Tag or command which causes the text to scroll.

The scrolling text is controlled by variable HTML attributes. Hyperlinks and other HTML code can be inserted within the Marquee Tag along with the text.

Limitations of the Marquee Command

The HTML Code For Scrolling Marquee will only output a result in Internet Explorer Web Browsers. If you cannot see any scrolling text on this page, it could be because your web browser is not Internet Explorer.

HTML Code For Scrolling Marquee

The HTML for scrolling text uses the marquee Tag as in the examples below.

Source

<marquee bgcolor="" width="100%" direction="left" loop="infinite" scrollamount="1">Scrolling Text</marquee>

Output

Scrolling Text

Source

<marquee bgcolor="#eeeeee" width="100%" direction="right" loop="infinite" scrollamount="2"><strong><font color="red">More Scrolling Text</font></strong></marquee>

Output

More Scrolling Text

Source

<marquee bgcolor="" width="100%" direction="left" loop="infinite" scrollamount="1">Scrolling <a href="8.shtml">Hyperlink</a></marquee>

Output

Scrolling Hyperlink

Some Scrolling Marquee HTML Attributes

Play around with the following variable attributes until the desired effect is achieved.

bgcolor - This attribute will set the background color of the entire scroll area. Add any color you like. Leave this attribute out if you want the background to be set the same as the rest of the page.

Our HTML color chart contains 216 web safe HTML color codes which can be used to set a value for this attribute.

width - Set the width as a percentage of the screen.

direction - "left|right"

loop - "infinite" will cause the scrolling text to keep scrolling for ever. A numerical attribute can be inserted instead of "infinite". For example, if the number 3 becomes the loop value, then the text will stop scrolling after 3 scrolls.

scrollamount - Increase this number to speed up the scrolling text or decrease the number to slow it down.

How To Put A Scrolling Marquee On Your Website

  1. Copy and paste the HTML code for Scrolling Marquee into your web page.
  2. Edit the scrolling text.
  3. Edit the Attributes until the text appears just how you want.
  4. Upload the web page to your web site.
 Related Articles
 HTML Code For Linking To This Page
<a href="http://www.goldcoastwebdesigns.com/15.shtml">HTML Code For Scrolling Marquee</a>
 Webmaster Headline Feed

This webpage uses Javascript to display some content.

Please enable Javascript in your browser and reload this page.

  Home | Web Design
Top of Page  Front Page
Web Design
Latest Headlines
How To Create Your First External CSS Style Sheet
How To Change Hyperlink Color
How To Create a HTML Download Link
HTML Code For Scrolling Marquee
Hyperlink and Status Bar
HTML Image Hyperlinks
Simple Image HTML Tags
HTML Hyperlink Code
Common HTML Tags