A HTML marquee is a looking over bit of content showed either on a level plane crosswise over or vertically down your site page contingent upon the settings. This is made by utilizing HTML <marquees> tag.
Note − The <marquee> tag censured in HTML5. Try not to utilize this component, rather you can utilize JavaScript and CSS to make such impacts.
Sentence structure
A basic grammar to utilize HTML <marquee> tag is as per the following −
The <marquee> Tag Attributes
Following is the rundown of imperative traits which can be utilized with <marquee> tag.
The following are couple of cases to exhibit the utilization of marquee tag.
Illustrations - 1
Cases - 2
Illustrations - 3
Illustrations - 4
Note − The <marquee> tag censured in HTML5. Try not to utilize this component, rather you can utilize JavaScript and CSS to make such impacts.
Sentence structure
A basic grammar to utilize HTML <marquee> tag is as per the following −
<marquee attribute_name = "attribute_value"....more attributes> One or more lines or text message or image </marquee>
The <marquee> Tag Attributes
Following is the rundown of imperative traits which can be utilized 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.
|
The following are couple of cases to exhibit the utilization of marquee tag.
Illustrations - 1
<!DOCTYPE html> <html> <head> <title>HTML marquee Tag</title> </head> <body> <marquee>This is basic example of marquee</marquee> </body> </html>
Cases - 2
<!DOCTYPE html> <html> <head> <title>HTML marquee Tag</title> </head> <body> <marquee width = "50%">This example will take only 50% width</marquee> </body> </html>
Illustrations - 3
<!DOCTYPE html> <html> <head> <title>HTML marquee Tag</title> </head> <body> <marquee direction = "right">This text will scroll from left to right</marquee> </body> </html>
Illustrations - 4
<!DOCTYPE html> <html> <head> <title>HTML marquee Tag</title> </head> <body> <marquee direction = "up">This text will scroll from bottom to up</marquee> </body> </html>
0 comments:
Post a Comment