Magic of Marquee Tag in HTML

Marquee Tag in HTMLHTML (Hyper-text Markup Language) is the basic step in web designing. It contains lots of tags to execute in order to perform some actions. Under these tags, marquee is one of the important tags. Through this tag, you can make the text/images in scrolling condition. Following four probabilities are possible in such situation as move object from –

1. Left to Right
2. Right to Left
3. Top to Bottom
4. Bottom to Top

It depends on your choice, what you select. So, here I am providing ways to use marquee tags in order to show the magic of marquee tag in HTML.

Following is the way to put this tag in HTML as –

1. Direction

Set Directin of Marquee Tag

In the above image, marquee tag is inserted in body section of html in order to move text line in left direction. You can change its direction as could be left, right, top or bottom. In order to move text/image, behavior should be scroll.

2. Behaviour

Set Behaviour of Marquee Tag

Now, in the above image, marquee tag is inserted in body section of html in order to move text line but, in this type of alternate behavior, text line will move both side as left and right both.

3. Speed

Set Speed of Marquee Tag

To set the speed of marquee (moving object), you need to declare scroll amount. When you increase scroll amount then, speed will automatically boost up. You can set it with any direction.

4. Image

Set Image in Marquee Tag

In order to move image, place image tag in marquee tag as shown in above image.

5. Text and Image

Set Text and Image Together in Marquee Tag

In order to move text and image both simultaneously, place text and image tags in marquee tag as shown in above image.

In this way, you can use marquee tag in order to show magic at your website. The magic of marquee is ultimate and easy but, it contains a major disadvantage that when moving texts and images via marquee tag caused they will shakes. So, in order to move objects “shakes less” then, in this case, you can use javascript language. It is the better solution in order to move objects. We will learn as how to move text/images via javascript language in our next tutorial. You can search in search bar in order to find out such tutorial (if published). Don’t forget to share this tutorial in your group. Thanks for watching!


Share This Post

Post Comment