<marquee behavior="scroll" direction="up" scrollamount="1">Slow Scrolling</marquee>
<marquee behavior="scroll" direction="right" scrollamount="12">Little Fast Scrolling</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast Scrolling</marquee>
<marquee behavior="scroll" direction="right" scrollamount="50">Very Fast Scrolling</marquee>
<!--Follow me on linkedin- https://www.linkedin.com/in/anshul-soni2010/-->
<!--Visit my website- http://anshulsoni.netlify.app-->
<!--Code by Anshul Soni,a Young Front End Developer-->
<marquee scrolldirection="left">Your text here</marquee>
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
<marquee direction = "up">The direction of text will be from bottom to top.</marquee>
</body>
</html>
<marquee>Add the text you want to scroll</marquee>
You can even control it using these attributes
<marquee behavior="scroll" direction="right"></marquee>
<marquee behavior="scroll" direction="up"></marquee>
<marquee behavior="scroll" direction="down"></marquee>
<marquee behavior="scroll" direction="left" scrollamount="5"></marquee>
You can use CSS to make it look better and make it dynamic. But this is 'nuf for now!
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee This is basic example of marquee This is basic example of marquee This is basic example of marquee This is basic example of marquee</marquee>
<marquee direction = "up">The direction of text will be from bottom to top.</marquee>
</body>
</html>
<marquee behavior="scroll" direction="up" scrollamount="1">Slow Scrolling</marquee>
<marquee behavior="scroll" direction="right" scrollamount="12">Little Fast Scrolling</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast Scrolling</marquee>
<marquee behavior="scroll" direction="right" scrollamount="50">Very Fast Scrolling</marquee>
Output:
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>
Code Example |
---|
Html :: html svg |
Html :: boostrap input tag |
Html :: how to get the 4th child of an html element |
Html :: make text bold with html |
Html :: div symbol latex |
Html :: autocapitalize html attribute |
Html :: split screen html |
Html :: create ion card |
Html :: the <video tag |
Html :: react select, option |
Html :: was blocked because of a disallowed MIME type (“text/html”). |
Html :: bootstap5 card |
Html :: how to display image in div using id in html |
Html :: html <nav element |
Html :: how to set timeout for a div tag in html |
Html :: best free html video player |
Html :: html tooltip |
Html :: collapsible accordion html+css only |
Html :: html gif not showing |
Html :: divs in html |
Html :: bootsrap cards |
Html :: html code heavy right arrow |
Html :: html acronym |
Html :: html peseta |
Html :: unordered list in html |
Html :: html cancel anchor event |
Html :: email link with cc html |
Html :: input field html for date |
Html :: html symbols |
Html :: in form right to left html |