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>
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>
2. Scrolling Upward
<marquee behaviour="scroll" direction="up"> i-World-Tech </marquee>
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>
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>
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
Post a Comment