Skip to main content

Marquee Tag and Its Attributes

Marquee TAG

Marquee Tag :

Marquee is one of the important tags in Website creation .it is generally used to scrooling the content on the webpage .For example : in our regular innovations Website i use this for showing latest updates on my website.

Sarting Tag : <Marquee> Ending tag : </Marquee>

Attributes :

    It has different attributes like
  1. Direction
  2. Height
  3. Width
  4. Behavior
  5. Scrolldelay
  6. Scrollamount
  7. Hspace
  8. Vspace
  9. Loop
  10. Bgcolor
  11. Id & Hovering effects
    12. For this first take a notepad and copy code then save it with .html extension.Thats it your Program will be exected.if You want to check its effect within this website plese click on EXECUTE button.

    For Example i have taken Msr WebTech sentence so let us check how the sentence will change after appling each and every tag of Marquee from below.

    1. Direction attribute : This specifies the direction in which marquee should scroll. The values for this Attribute will be up, down, left or right.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body> <marquee direction="left"> Msr WebTech Left direction </marquee><br/> <marquee direction="up"> Msr WebTech Up direction </marquee><br/> <marquee direction="right"> Msr WebTech right direction </marquee><br/> <marquee direction="down"> Msr WebTech down direction </marquee> </body> </html>
    OutPut (Click on above execute Button)

    2.Height attribute : It is used to specify the height of marquee.Its values are interms of Percentage like 10% ,20% etc or in Pixels like 50px ,70px ..Etc

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee height="10%"> Msr WebTech height 10 % </marquee> <br/> <marquee height="20%"> Msr WebTech height 20 % </marquee><br/> <marquee height="20px"> Msr WebTech height 10px </marquee><br/> <marquee height="100px"> Msr WebTech height 100 Px </marquee><br/> </body> </html>
    OutPut (Click on above execute Button)

    3.Width attribute : It is used to specify the Width of marquee.Its values are interms of Percentage like 10% ,20% etc or in Pixels like 50px ,70px ..Etc

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee Width="20%"> Msr WebTech Width 20 % </marquee> <br/> <marquee Width="50%"> Msr WebTech Width 50 % </marquee> <br/> <marquee Width="100px"> Msr WebTech Width 100px </marquee> <br/> <marquee Width="200px"> Msr WebTech Width 200 Px </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    4.Behavior Attribute : It is used to define type of scrollings of Marquee.Its values are scroll, slide and alternate

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee behavior="scroll"> Msr WebTech Scroll behaviour </marquee> <br/> <marquee behavior="slide"> Msr WebTech Slide behaviour </marquee> <br/> <marquee behavior="alternate"> Msr WebTech alternate behaviour </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    5.Scrolldelay Attribute : It is used to specify how long to delay between each jump and the values start from 0 to infinity where as zero means no delay with regular speed and If you increase value speed will be decreased.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee Scrolldelay="0"> Msr WebTech with Scrolldelay of 0 </marquee> <br/> <marquee Scrolldelay="100"> Msr WebTech with Scrolldelay of 100 </marquee> <br/> <marquee Scrolldelay="250"> Msr WebTech with Scrolldelay of 250 </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    6.Scrollamount Attribute : It is used to test the speed of marquee text.Its values are starting from 0 to infinity where 0 means low scroll amount ,If value increases scrolling speed will increases.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee scrollamount="10"> Msr WebTech with scrollamount of 10 </marquee> <br/> <marquee scrollamount="20"> Msr WebTech with scrollamount of 20 </marquee> <br/> <marquee scrollamount="30"> Msr WebTech with scrollamount of 30 </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    7.Hspace Attribute : This is used to specify horizontal space around the Marquee.Its values will be like 10 %, 20% Etc.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee Hspace="10%"> Msr WebTech with Hspace of 10% </marquee> <br/> <marquee Hspace="20%"> Msr WebTech with Hspace of 20% </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    8.Vspace Attribute : This is used to specify Vertical space around the Marquee.Its values will be like 10 %, 20% Etc.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee Vspace="0%"> Msr WebTech with Vspace of 0% </marquee> <br/> <marquee Vspace="5%"> Msr WebTech with Vspace of 5% </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    9. Loop Attribute : his is used to specify how many times marquee text will be scrooled.its values start from 0 to infinity.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee scrollamount="10" Loop="1"> Msr WebTech with Loop value 1 </marquee> <br/> <marquee scrollamount="10" Loop="2"> Msr WebTech with Loop value 2 </marquee> <br/> </body> </html>
    OutPut (Click on above execute Button)

    10.bgcolor Attribute : This is used to specify background color in terms of color name like green,yellow,blue etc or color hex value which will be avaliable in Google by searching color picker

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee bgcolor="orange"> Msr WebTech with background colur orange </marquee> <br/> <marquee bgcolor="white"> Msr WebTech with background colur white </marquee> <br/> <marquee bgcolor="green"> Msr WebTech with background colur green </marquee> </body> </html>
    OutPut (Click on above execute Button)

    11. Id Attribute : This is used to identify particular marquee text and then to add some additonal effects like hovering effects.I.E when you take the cursor of the mouse over marquee text then text will be stopped.if you take out the mouse from the marquee text then again scrolling of text will be started.

    CODE <html> <head> <title> Marquee TAG </title> <style type="text/css"> </style> </head> <body > <marquee id="test" onmouseover="document.all.test.stop()" onmouseout="document.all.test.start()"> Msr WebTech with Hovering Mouse out and Mouse In effect </marquee> </body> </html>
    OutPut (Click on above execute Button)

Labels:

Comments

Post a Comment

Popular posts from this blog

Image map or Map and Area tags

Anchor TAG Image Map or map Tag : An image map is an image with clickable areas. Sarting Tag : Ending tag : Attributes : It has different attributes like usemap name Area Tag : It contains Area tag Sarting Tag : Ending tag : Attributes : It has different attributes like shape coords href For this first take a notepad and copy code then save it with .html extension.Thats it your Program will be exected.if You want to check its effect within this website plese click on EXECUTE button. 1. Usemap attribute : Usemap att...
Post a Comment
Read more

Fieldset and Pre Tags in HTML with Live execution

Fieldset Tag in HTML Fieldset & Pre Tags in HTML : 1. Fieldset Tag : is used for grouping related form elements in a box.It is used to give user a clear view about Content. Starting tag : Ending tag : 2. Legend Tag : Legend tag is used to give title for Fieldset. Starting tag : Ending tag : 3. Pre Tag : Pre tag is used to set alignment of your web page as coded line wise . Starting tag : Ending tag : For this first take a notepad and copy code then save it with .html extension.Thats it your Program will be exected.if You want to check its effect within this website plese click on EXECUTE button. CODE Fieldset ,Pre TAGs Login Page User Name : Password : OutPut (...
Post a Comment
Read more