<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 :: boostrap base theme |
Html :: bootstrap cards |
Html :: etiqueta negritahtml |
Html :: HTML <article Element |
Html :: how to make text appear at tope left in html |
Html :: mat-toolbar |
Html :: html <nav element |
Html :: how to make squares in html |
Html :: p tags |
Html :: what is span in html |
Html :: div search bar |
Html :: HTML <header element |
Html :: html div specific size |
Html :: email validator hmtl |
Html :: fetch api get ip |
Html :: hide or show element in javascript |
Html :: iframe syntax |
Html :: line under text html |
Html :: how to add lines between div rows html |
Html :: put the text in the end of navbar collapse |
Html :: how to use npm packages in html |
Html :: <!DOCTYPE html eslint error |
Html :: npm package private true |
Html :: alt meaning in html |
Html :: url trigger click |
Html :: append html form element |
Html :: composer require kyslik/column-sortable |
Html :: html how to change button text |
Html :: html text |
Html :: angular call function from html |