Marquee is an HTML tag that was broadly used previously to create scrolling or shifting textual content or pictures on an online web page. Nonetheless, as of HTML5, the marquee aspect has been deprecated, which suggests it’s now not advisable to be used. As a substitute, you might be inspired to make use of CSS animations and transitions to attain related results.
Right here’s an instance of how one can create a scrolling textual content utilizing CSS animations:
<!DOCTYPE html>
<html>
<head>
<title>Marquee Instance</title>
</head>
<physique>
<marquee conduct="scroll" course="left" scrollamount="5">
It is a scrolling textual content utilizing the marquee tag.
</marquee>
</physique>
</html>
On this instance, a <marquee> aspect is used to create a scrolling textual content. The conduct attribute is about to “scroll” to specify that the textual content ought to constantly scroll. The course attribute is about to “left” to make the textual content scroll from proper to left. The scrollamount attribute is about to “5” to find out the velocity of the scrolling textual content.
<marquee> Tag attribute
conduct: This attribute decided the course and elegance of the scrolling. Attainable values had been “scroll” (default), “slide,” or “alternate.”course: This attribute specified the course of the scrolling. It may very well be set to “left,” “proper,” “up,” or “down.”scrollamount: This attribute decided the velocity of the scrolling content material. You would specify a numeric worth representing pixels or a predefined worth like “gradual,” “regular,” or “quick.”scrolldelay: This attribute set the delay between every scroll motion. It may very well be laid out in milliseconds.loop: This attribute decided the variety of instances the scrolling content material would loop. A optimistic integer worth indicated the variety of loops, whereas “-1” represented an infinite loop.widthandpeak: These attributes allowed you to set the size (width and peak) of the marquee.
Right here’s an instance of how the <marquee> tag with attributes may very well be used:
<marquee conduct="scroll" course="left" scrollamount="5" scrolldelay="100" loop="infinite" width="300" peak="100"> It is a scrolling textual content utilizing the marquee tag. </marquee>
The submit HTML-Marquees appeared first on PHPGurukul.
