HTML Marquees

What is Marquees?

The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically.

Marquee is a special effect that is used to move or scroll the content horizontally across and vertically down in our HTML web pages. The content can be anything in the webpage i.e some text or images. The marquee can be set using both HTML tags and CSS properties.

HTML Marquees example:

                                                    
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Learn Fasta Marquee</title>
  <style>
    marquee {
      color: #3498db; /* Blue color for the marquee text */
      font-size: 20px;
      margin-bottom: 20px;
    }
    h3 {
      margin: 0;
    }
  </style>
</head>
<body>
  <marquee>Learn Solution fasta.com</marquee>
  
  <marquee direction="down">
    <h3>Hi! Download Learn Fasta App on Play Store.</h3>
    <h3>Learn Solution fasta.com</h3>
  </marquee>

  <marquee direction="top">
    <h3>Hi! Download Learn Fasta App on Play Store.</h3>
    <h3>Learn Solution fasta.com</h3>
  </marquee>
</body>
</html>