HTML <marquee> Tag - GeeksforGeeks

02 Mar, 2022
The <marquee> tag in HTML is used to create scrolling text or image in a webpages. It scrolls either from horizontally left to right or right to left, or vertically top to bottom or bottom to top. 
Syntax : 
The marquee element comes in pairs. It means means that the tag has opening and closing elements. 
<marquee>
   <--- contents --->
</marquee> 
Attributes
Methods 
start (): This method is used to start the scrolling of the Marquee Tag.
stop (): This method is used to stop the scrolling of the Marquee Tag.
Example:  
html
<!DOCTYPE html><html><head>    <title>Marquee Tag</title>    <style>    .main {        text-align:center;    }    .marq {        padding-top:30px;        padding-bottom:30px;    }    .geek1 {        font-size:36px;        font-weight:bold;        color:white;        padding-bottom:10px;    }    </style></head> <body>    <div class = "main">    <marquee class="marq" bgcolor = "Green" direction = "left" loop="" >        <div class="geek1">GeeksforGeeks</div>        <div class="geek2">A computer science portal for geeks</div>    </marquee>    </div></body></html>                   
Output: Marquee Tag  
 
Example:  
html
<!DOCTYPE html><html><head>    <title>Marquee Tag</title>    <style>    .main {        text-align:center;        font-family:"Times New Roman";    }    .marq {        padding-top:30px;        padding-bottom:30px;    }    .geek1 {        font-size:36px;        font-weight:bold;        color:white;        text-align:center;    }    .geek2 {        text-align:center;    }    </style></head> <body>    <div class = "main">    <marquee class="marq" bgcolor = "Green" direction = "up" loop="" >        <div class="geek1">GeeksforGeeks</div>        <div class="geek2">A computer science portal for geeks</div>    </marquee>    </div></body></html>                   
Output: Marquee Tag  
 
Example:  
html
<!DOCTYPE html><html><head>    <title>Marquee Tag</title>    <style>    .main {        text-align:center;        font-family:"Times New Roman";    }    .marq {        padding-top:30px;        padding-bottom:30px;    }    .geek1 {        font-size:36px;        font-weight:bold;        color:white;        text-align:center;    }    .geek2 {        text-align:center;    }    </style></head> <body>    <div class = "main">    <marquee class="marq" bgcolor = "Green" direction = "down" loop="" >        <div class="geek1">GeeksforGeeks</div>        <div class="geek2">A computer science portal for geeks</div>    </marquee>    </div></body></html>                   
Output: Marquee Tag  
 
Supported Browsers
Google Chrome 1.0
Edge 12.0
Firefox 65.0
Internet Explorer 2.0
Opera 7.2
Safari 1.2  
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.
ManasChhabra2
hritikbhatnagar2182
Web technologies
HTML
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
REST API (Introduction)
How to Insert Form Data into Database using PHP ?
Types of CSS (Cascading Style Sheet)
How to position a div at the bottom of its container using CSS?
HTML | <img> align Attribute
Remove elements from a JavaScript Array
Installation of Node.js on Linux
Convert a string to an integer in JavaScript
How to fetch data from an API in ReactJS ?
Difference between var, let and const keywords in JavaScript