HTML marquee
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.
Syntax
A simple syntax to use HTML <marquee> tag is as follows −
<marquee attribute_name = "attribute_value"....more
attributes>
The <marquee> Tag Attributes
Following is the list of important attributes which can be used with
<marquee> tag.
|
Sr.No |
Attribute & Description |
|
1 |
width This specifies the width of the marquee. This can be a value like 10
or 20% etc. |
|
2 |
height This specifies the height of the marquee. This can be a value like 10
or 20% etc. |
|
3 |
direction This specifies the direction in which marquee should scroll. This can
be a value like up, down, left or right. |
|
4 |
behavior This specifies the type of scrolling of the marquee. This can have a
value like scroll, slide and alternate. |
|
5 |
scrolldelay This specifies how long to delay between each jump. This will have a
value like 10 etc. |
|
6 |
scrollamount This specifies the speed of marquee text. This can have a value like
10 etc. |
|
7 |
loop This specifies how many times to loop. The default value is INFINITE,
which means that the marquee loops endlessly. |
|
8 |
bgcolor This specifies background color in terms of color name or color hex
value. |
|
9 |
hspace This specifies horizontal space around the marquee. This can be a
value like 10 or 20% etc. |
|
10 |
vspace This specifies vertical space around the marquee. This can be a value
like 10 or 20% etc. |
Example
<html>
<head>
<title>HTML
marquee Tag</title>
</head>
<body>
<marquee>Computer
</marquee>
</body>
</html>
Examples
- 2
<html>
<head>
<title>HTML
marquee Tag</title>
</head>
<body>
<marquee
width = "50%">Computer 50% width</marquee>
</body>
</html>
Examples
- 3
<html>
<head>
<title>HTML
marquee Tag</title>
</head>
<body>
<marquee
direction = "right">This text will scroll from left to right</marquee>
</body>
</html>
Examples
- 4
<html>
<head>
<title>HTML
marquee Tag</title>
</head>
<body>
<marquee
direction = "up">This text will scroll from bottom to up</marquee>
</body>
</html>
No comments:
Post a Comment