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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Text formating tag</title>

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



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