Tutorials Point


  HTML Tutorial
  HTML References
  HTML Tools
  HTML Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

HTML Marquees


previous next AddThis Social Bookmark Button


Advertisements

A HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. This is created by using HTML tag <marquees>.

NOTE: The HTML <marquee> is an MSIE extension, but is now supported by NS 7 also. So please check if your browser supports this tag or not.

Syntax:

A simple syntax to use marquee is as follows:

<marquee attribute_name="attribute_value"....more attributes>

One or more lines or text message or image

</marquee>

Attrubutes:

A HTML marquee can have following attributes:

  • width: how wide the marquee is. This will have a value like 10 or 20%etc.

  • height: how tall the marquee is. This will have a value like 10 or 20% etc.

  • direction: which direction the marquee should scroll. This will have value either up, down, left or right.

  • behavior: what type of scrolling. This will have value scroll, slid and alternate.

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

  • scrollamount: how far to jump. This will have a value like 10 etc.

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

  • bgcolor: background color. This will have any color name or color hex value.

  • hspace: horizontal space around the marquee. This will have a value like 10 or 20%etc.

  • vspace: vertical space around the marquee. This will have a value like 10 or 20%etc.

Examples:

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

To Become more comfortable - Do Online Practice

<marquee>This is basic example of marquee</marquee>

This will produce following result:

This is basic example of marquee

<marquee width="50%">This example will take only 50% width</marquee>

This will produce following result:

This example will take only 50% width

<marquee direction="right">This text will scroll from left to right</marquee>

This will produce following result:

This text will scroll from left to right

<marquee direction="up">This text will scroll from bottom to up</marquee>

This will produce following result:

This text will scroll from bottom to up


previous next Printer Friendly

Advertisements


  

Advertisements