<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 submit button |
Html :: if else if vue |
Html :: ionic vertical align center |
Html :: javascript onclick back |
Html :: bootstrap 3 button |
Html :: what is dir attribute in html |
Html :: how to run python in html |
Html :: a tag open in new tab |
Html :: html exemple |
Html :: html error page template |
Html :: chrome remove autocomplete highlight |
Html :: moment in html |
Html :: angular raw html |
Html :: auto reload |
Html :: table two columns html |
Html :: twig format currency |
Html :: disabled any key in JS |
Html :: html set character encoding |
Html :: html charset |
Html :: abbreviations in html |
Html :: yii2 csrf custom form |
Html :: javascript onclick alert are you sure |
Html :: navbar bootstrap |
Html :: html multiply |
Html :: htmladjacent |
Html :: html radio only one checked |
Html :: bootstrap form templates |
Html :: how to add a border around text in html |
Html :: negrita html |
Html :: bootstrap 5.0 css cdn |