Simple Text Animation in HTML by using marquee tag, Free online HTML Tutorial, Learn HTML online for free...

In this lesson you will learn how you can add a simple text animation to your html web pages.

The marquee tag adds a kind of text / image animation to a web page. It is used to scroll text / image across a web page. Here we will be showing you how to scroll text using the Marquee tag.

Start Tag: <marquee>
End Tag: </marquee>

Simple text scrolling:

<marquee> Some....Scrolling.....Text </marquee>
The above markup results in the following output:

Some....Scrolling.....Text

Scrolling text in both directions (alternatively):

<marquee behavior="alternate">Some..Scrolling..Text</marquee>
The above markup results in the following output:

Some..Scrolling..Text

The value of behavior attribute i.e. alternate causes the text to scroll in both directions, alternatively.

Changing the background color the Scrolling text:

<marquee bgcolor="pink">Some..Scrolling..Text</marquee>
The above markup results in the following output:

Some..Scrolling..Text

The value of the bgcolor attribute determines the background color the scrolling text. A complete color list can be found here.

Next >>> Lesson No. 27: Advanced Text Animation