Déplacer du texte en HTML est également appelé faire défiler du texte. Nous pouvons faire défiler le texte dans toutes les directions avec une certaine vitesse d'intervalle de temps.
Exemple en temps réel : Considérons que nous avons fréquemment du contenu important mis à jour sur notre site Web. Si ce contenu est toujours stable, les utilisateurs ne peuvent pas y accéder, donc pour attirer l'attention de l'utilisateur, nous devons toujours faire défiler le contenu mis à jour. En fonction des besoins de l'utilisateur, nous pouvons indiquer de quel côté le contenu défile. Atteindre cette exigence
Fournir une logique commune entre toutes les pages ; au lieu d'écrire la même logique de style dans chaque page HTML, nous utilisons un fichier CSS pour écrire une logique commune. Et incluez cette page CSS dans chaque page HTML avec étiquette.
Le contenu peut être déplacé en appliquant
Syntaxe n°1
<marquee> //some text to move </marquee>
Syntaxe #2
<marquee direction=”left or right or up or down”> //some text to move </marquee>
Syntaxe #3
<marquee behavior="alternate"> //it makes the text back direction by touching the border of the page. //some text to move </marquee>
Syntaxe #4
<marquee direction=”left” scrollamount="5">// scrollamount used to set the scrolling text speed //some text to move </marquee>
Voici les exemples mentionnés :
Balise de sélection par défaut
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: green;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee>
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus déplacé de droite à gauche, même si nous n'avons mentionné aucune direction, il s'agit donc de la balise de sélection par défaut.
Marquez la balise dans le bon sens.
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: maroon;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="right">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus, déplacé de gauche à droite en définissant la propriété de direction vers la droite.
Chapiteau en direction du haut
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: blue;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="up">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus, déplacé de bas en haut en définissant la propriété direction sur vers le haut.
Chapiteau vers le bas.
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: orange;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="down">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus, déplacé de haut en bas en définissant la propriété direction sur vers le bas.
Marque avec propriété de comportement.
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: lightblue;
text-align: center;
color: brown;
font-family: Arial;
border: solid 2px red;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee behavior="alternate">
Hi, I am an alternate proeprty
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus, déplacé de gauche à droite et de droite à gauche en touchant la bordure en définissant la propriété de comportement sur alterner.
Marquee avec propriété de montant de défilement.
Code :
<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: fuchsia;
text-align: center;
color: white;
font-family: Arial;
border: solid 2px red;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="left" scrollamount="2">
Paramesh
</marquee>
<marquee scrollamount="4">
Amardeep
</marquee>
<marquee scrollamount="6">
Harinath-Rajitha
</marquee>
</body>
</html>Sortie :
Explication : Comme vous pouvez le voir dans le texte ci-dessus, déplacé de droite à gauche avec des timings différents, ils sont donc tous à des positions différentes.
Déplacement du texte en HTML réalisé par la balise marquee. Nous pouvons déplacer le texte à gauche, à droite, de haut en bas en fonction des besoins. Cette fonctionnalité phare est principalement utilisée par les chaînes de télévision pour une mise à jour régulière afin de capter l'attention des utilisateurs.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
