Let us see how to animate the text with Marquee Tag. The Marquee tag is an HTML element that makes text to move in different directions.
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Text formating tag</title> </head> <body> <marquee>Sai Ram</marquee><!-----------scrolls from left to right-----> <marquee direction="right">SAI RAM</marquee> <marquee direction="down" style="height:200px; border:1px solid #C09;">TEXT</marquee></br> <marquee direction="left">SAI RAM</marquee></br></br></br> <marquee direction="up">TEXT</marquee> <marquee behavior="alternate" direction="right" style="background-color:#06F">SAI RAM</marquee> </body> </html>
- In the above program the text placed in between the starting and ending of marquee tag will scroll from left to right.
- If we want to move the text in directions like(left,right,up,bottom) we need to use an attribute called "direction"
- Syntax:
direction="right" (or) direction="top" - We can simply specify the width and height attributes to scroll the text in particular area.
- One more attribute is behaviour="alternate" that mean the text will animate alternatly from left to right or right to left.
OUTPUT:
