Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

Include a specific error, task, problem, or question in your title

html marque

This topic has been archived. This means that you cannot reply to this topic.
No replies to this topic

#1 ADLOF007

ADLOF007

    CC Lurker

  • Just Joined
  • Pip
  • 1 posts

Posted 24 December 2015 - 12:05 AM

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:

<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.

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 updownleft or right. behavior This specifies the type of scrolling of the marquee. This can have a value like scrollslide 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

<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>

This will produce following result:

This is basic example of

 

We tried a fun & simple experiment with pipe cleaners in a plastic bottle. You just cut the pipe cleaners into small pieces and put them inside an empty bottle. Then use a magnet to attract and move the pipe cleaners around in the bottle. My kids thought it was pretty cool. They also experimented a little by adding in other small magnetic objects making it react differently.
------------