Hello dear readers! welcome back to another section of my tutorial on Html. In this tutorial guide, we are going to be discussing about the Html Marquees.
A Html marquee is a scrolling piece of text displayed either horizontally across or vertically down your web page depending on the settings. This is created using Html <marquees> tag.
Note: The Html <marquees> tag may not be supported by different web browsers so it is not recommended to rely on this tag, instead you can use Javascript and Css in creating such effects.
RECOMMENDED POST: Html Basic Tags
Syntax
The syntax for using the Html <marquee> tag is as follows:
<marquee attribute_name="attribute_value".....more attributes>
One or more lines or text message or image
</marquee>
One or more lines or text message or image
</marquee>
The marquee Tag Attributes
Following is a list of the 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 1
<!DOCTYPE html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee>This a basic example of a marquee</marquee>
</body>
</html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee>This a basic example of a marquee</marquee>
</body>
</html>
Example 2
<!DOCTYPE html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee width="100%">This example will take 100% width</marquee>
</body>
</html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee width="100%">This example will take 100% width</marquee>
</body>
</html>
RECOMMENDED: Html Basic Tags2
Example 3
<!DOCTYPE html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee direction="left">This text will scroll from right to left</marquee>
</body>
</html>
<html>
<head>
<title> HTML marquee Tag</title>
</head>
<body>
<marquee direction="left">This text will scroll from right to left</marquee>
</body>
</html>
Alright guys! This is where we are rounding up for this tutorial post. In my next tutorial, we are going to be discussing about the Html Header.
Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.
Feel free to ask your questions where necessary and i will attend to them as soon as possible. If this tutorial was helpful to you, you can use the share button to share this tutorial.
Follow us on our various social media platforms to stay updated with our latest tutorials. You can also subscribe to our newsletter in order to get our tutorials delivered directly to your emails.
Thanks for reading and bye for now.