The HTML Marquee Tag is used to scroll a Image or Text Horizontally or Vertically.
In Marquee Tag used to scroll a Image or Text Up, Down, Left, or Right .

HTML <marquee> Tag

The HTML <marquee> Tag is used to display the image or text UP, Down, Left, or Right Scroll. This tag use between <body>...</body> Tag.  Also <marquee> tag control speed fast or slow as your required.
Following Attribute are used in <marquee> Tag,
  • width  -  width of a marquee
  • height  -  height of a marquee
  • direction  - direction of a marquee like up, down, left or right
  • scrolldelay  -  delay the speed of text or image direction
  • scrollamount  -  Increase  the speed of text or image direction
  • behavior  -  scrolling type a marquee, like sliding or scrolling
  • loop  -  How many time a marquee
  • bgcolor  -Background color
  • vspace  -  Vertical space
  • hspace  -  Horizontal Space
Scroll Up
Example:-

<html>
<head>
    <title>HTML Marquee Tag</title>
</head>
<body>
<marquee width="40%" direction="up" height="30%" scrollamount="2">
   HTML Language Study
</marquee>
</body>
</html>

Output:-
HTML Marquee Tag HTML Language Study

Scroll Down
Example:-

<html>
<head>
    <title>HTML Marquee Tag</title>
</head>
<body>
<marquee width="40%" direction="down" height="30%" scrollamount="2">
   HTML Language Study
</marquee>
</body>
</html>

Output:-
HTML Marquee Tag HTML Language Study

Scroll Left to Right
Example:-

<html>
<head>
    <title>HTML Marquee Tag</title>
</head>
<body>
<marquee width="40%" direction="left " height="30%" scrollamount="2">
   HTML Language Study
</marquee>
</body>
</html>

Output:-
HTML Marquee Tag HTML Language Study

Scroll Right or Left
Example:-

<html>
<head>
    <title>HTML Marquee Tag</title>
</head>
<body>
<marquee width="40%" direction="right " height="30%" scrollamount="2">
   HTML Language Study
</marquee>
</body>
</html>

Output:-
HTML Marquee Tag HTML Language Study

Scrolling Speed
Example:-

<html>
<head>
    <title>HTML Marquee Tag</title>
</head>
<body>
<marquee behavior="scroll" direction="left" scrollamount="5">HTML Language Study (Slow) </marquee>
<marquee behavior="scroll" direction="right" scrollamount="12">HTML Language Study (Little Fast) </marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">HTML Language Study (Fast)</marquee>
<marquee behavior="scroll" direction="right" scrollamount="45">HTML Language Study (Very Fast) </marquee>
</marquee>
</body>
</html>

Output:- HTML Marquee Tag HTML Language Study (Slow) HTML Language Study (Little Fast) HTML Language Study (Fast) HTML Language Study (Very Fast)


Related to HTML Language Reading my blog or share.