HTML - Marquees

Un rectangle HTML est un morceau de texte défilant affiché horizontalement ou verticalement sur votre page Web en fonction des paramètres. Ceci est créé en utilisant la balise HTML <marquees>.

Note- La balise <marquee> est obsolète en HTML5. N'utilisez pas cet élément, vous pouvez utiliser JavaScript et CSS pour créer de tels effets.

Syntaxe

Une syntaxe simple pour utiliser la balise HTML <marquee> est la suivante -

<marquee attribute_name = "attribute_value"....more attributes>
   One or more lines or text message or image
</marquee>

Les attributs de balise <marquee>

Voici la liste des attributs importants qui peuvent être utilisés avec la balise <marquee>.

Sr.Non Attribut et description
1

width

Ceci spécifie la largeur du rectangle de sélection. Cela peut être une valeur comme 10 ou 20%, etc.
2

height

Ceci spécifie la hauteur du rectangle de sélection. Cela peut être une valeur comme 10 ou 20%, etc.
3

direction

Ceci spécifie la direction dans laquelle la sélection doit défiler. Cela peut être une valeur comme haut, bas, gauche ou droite .
4

behavior

Ceci spécifie le type de défilement du rectangle de sélection. Cela peut avoir une valeur comme scroll, slide et alternative .
5

scrolldelay

Ceci spécifie le délai entre chaque saut. Cela aura une valeur comme 10 etc.
6

scrollamount

Ceci spécifie la vitesse du texte de sélection. Cela peut avoir une valeur comme 10, etc.
sept

loop

Ceci spécifie le nombre de fois à boucler. La valeur par défaut est INFINITE, ce qui signifie que le rectangle de sélection se boucle indéfiniment.
8

bgcolor

Ceci spécifie la couleur d'arrière-plan en termes de nom de couleur ou de valeur hexadécimale de couleur.
9

hspace

Cela spécifie l'espace horizontal autour du rectangle de sélection. Cela peut être une valeur comme 10 ou 20%, etc.
dix

vspace

Ceci spécifie l'espace vertical autour du rectangle de sélection. Cela peut être une valeur comme 10 ou 20%, etc.

Voici quelques exemples pour illustrer l'utilisation de la balise de sélection.

Exemples - 1

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee>This is basic example of marquee</marquee>
   </body>
	
</html>

Cela produira le résultat suivant -

Exemples - 2

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee width = "50%">This example will take only 50% width</marquee>
   </body>
	
</html>

Cela produira le résultat suivant -

Exemples - 3

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>

   <body>
      <marquee direction = "right">This text will scroll from left to right</marquee>
   </body>
	
</html>

Cela produira le résultat suivant -

Exemples - 4

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee direction = "up">This text will scroll from bottom to up</marquee>
   </body>
	
</html>

Cela produira le résultat suivant -