HTML Marquee Tag


HTML Marquee Tag

Marquee Tag

Marquee Tag is used For the Scrolling The Text on the Web page . With

Marquee Tag , you Can Create a More Spicy and Attractive  Web Page .

You Can Scroll The Text As Well As Images or Combination of both .

Ex :

<marquee> Example of Marquee Tag </marquee>


Example of Marquee Tag


Attributes

Marquee Tag Have a List of Attribute , Function and value of Each Marquee

Tag is Define below.

Sr. Attribute Name Attribute Value Function
1. behaviour Alternate , Scroll , Slide It Tell The browser About The Type of the Scrolling
2. bgcolor Any Color Name (or hex Code) Specify The Background Color
3. direction Left , Right , Up, Down Direction of the Scrolling corresponding to the value of the direction Attribute
4. height height value (pixel or percent) Informs to the browser to the height of the marquee
5. hspace hspace value (pixel or percent) Informs to the browser to the horizontal space around the marquee
6. loop loop value (number) Defines How Many Times To Loop (Default is INFINITE)
7. scrolldelay scrolldelay value (seconds) Defines How Many seconds delay between each jump
8. scrollamount scroll speed (number) It Defines The Speed of the Scrolling Content
9. width width value (pixel or percent) Informs to the browser to the width of the marquee
10. vspace vspace value (pixel or percent) Informs to the browser to the vertical space around the marquee



Example of Marquee Tag and Its Attribute

1. Scrolling of the Text

<marquee behaviour="scroll" direction="right"> i-World-Tech </marquee>


i-World-Tech

2. Scrolling Upward

<marquee behaviour="scroll" direction="up"> i-World-Tech </marquee>


i-World-Tech

3. Scrolling Speed

(A). Slow Speed

<marquee behaviour="scroll" direction="left" scrollamount="1"> Example of Slow Speed </marquee>

(B). Medium Speed

<marquee behaviour="scroll" direction="left" scrollamount="15"> Example of Medium Speed </marquee>

(C). Fast Speed

<marquee behaviour="scroll" direction="left" scrollamount="25"> Example of Fast Speed </marquee>


Example of Slow Speed

Example of Medium Speed

Example of Fast Speed

4. Scroll Image

To Scroll The Image , You Just Add the Src Attribute of img Tag . In The

Value of the src Attribute , You Specify The URL of the Image .

src="URL_of_Image"

<marquee behaviour="scroll" direction="left"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1SB6gBjsA0mep0jBt_D9bHOC3uE1MlSXMHyeCnJOWu5bBnQSHqFvGp9FZ7u0hVaGd0JF9240yhzzjYn-u_di0OBa7BVjNQt24Zj2Tj_-UBqOvequo_Zb2sXAadjv5yMtcOQOp70y6IVk/s1600/Original_on_invert_emblems_color_background_197x75.jpg" > </marquee>



5. Scroll Image and Text (both Together)

<marquee behaviour="scroll" direction="left"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1SB6gBjsA0mep0jBt_D9bHOC3uE1MlSXMHyeCnJOWu5bBnQSHqFvGp9FZ7u0hVaGd0JF9240yhzzjYn-u_di0OBa7BVjNQt24Zj2Tj_-UBqOvequo_Zb2sXAadjv5yMtcOQOp70y6IVk/s1600/Original_on_invert_emblems_color_background_197x75.jpg" >
<h4>www.i-World-tech.blogspot.in </h4></marquee>




www.i-World-tech.blogspot.in


NOTE :

Nesting of the Tags is Allowed inside the MarqueeTag but it Should

be in Proper order.

Thank You To All My Reader
Deepak Gupta
www.i-world-tech.blogspot.in

Related Post

1. How To Add Music File To Website

2. How To Add Meta Tags To Blogger

3. SEO Tutorial : Beginner

4. What are noFollow and doFollow Links ?

5. How to Optimize images for Better Search Engine Ranking

6. World Wide Web Consortium (W3C)

7. Mini Project in C : Book Shop Inventory System

8. Interesting C++ Program

9. Java Script Basics : POP UP BOXES

10. Batch Programming :How To make a Simple Calculator in Batch programming

Comments