Comment faire clignoter du texte en HTML

Il existe quatre façons de faire afficher du texte clignotant sur une page web dans un navigateur. Vous pouvez utiliser la balise HTML <blink> pour affecter l'affichage de n'importe quel texte. Vous pouvez ajouter la déclaration text-decoration: blink dans le fichier HTML de la page. Vous pouvez l'ajouter dans le fichier CSS (Feuille de style en cascade) qui gère l'affichage. Ou vous pouvez ajouter du code JavaScript personnalisé dans le fichier HTML pour faire clignoter le texte (apparaître et disparaître répétitivement).

Méthode 1 : Balise <blink>

Étape 1

Ouvrez l'éditeur de texte, puis le fichier contenant le texte de la page web. L'extension peut être .htm, .html, .xhtml, .xhtm, etc.

Étape 2

Entourez le texte à faire clignoter entre les balises <blink> et </blink>. Vous pouvez utiliser cette balise avec tout texte affiché : titres, paragraphes, tableaux.

Étape 3

Enregistrez le fichier texte modifié.

Méthode 2 : CSS dans le fichier HTML

Étape 4

Ouvrez l'éditeur de texte et le fichier HTML de la page.

Étape 5

Vérifiez si le fichier HTML inclut une ligne <style type="text/css">. Sinon, après la ligne <head>, ajoutez les lignes de l'exemple.

Étape 6

Entre <style type="text/css"> et </style>, ajoutez la ligne de l'exemple. Par exemple, cette ligne fait clignoter tout texte avec la balise <h1>. Utilisez cette technique pour tout titre (h1-h6), le corps entier (body) ou texte avec une balise HTML particulière.

Étape 7

Enregistrez le fichier.

Méthode 3 : Fichier CSS externe

Étape 8

Ouvrez l'éditeur de texte et le fichier CSS (extension .css ou autre) qui contrôle la présentation de la page web. Il peut être dans le même dossier ou non que les fichiers HTML qu'il gère.

Étape 9

Dans le fichier CSS, cherchez l'une des deux lignes de l'exemple. Les points de suspension (« ... ») indiquent que tout texte peut s'y trouver dans votre CSS.

Étape 10

Ajoutez ou modifiez les lignes comme dans l'exemple. Pour tout fichier HTML référençant ce CSS, la nouvelle ligne fait clignoter tout texte marqué <p> dans le navigateur.

Méthode 4 : JavaScript

Étape 11

Pour faire clignoter seulement un texte tagué avec un ID donné, modifiez le CSS et le HTML comme dans l'exemple. Dans le HTML, pour déclarer cet ID, modifiez la balise HTML ainsi pour n'importe quel texte.

Étape 12

Ouvrez l'éditeur. Dans un nouveau fichier texte, entrez les lignes de l'exemple. Enregistrez avec extension .htm.

Étape 13

Ouvrez le nouveau fichier HTML dans votre navigateur. La ligne « Votre texte » clignote. Ce résultat devrait se produire dans presque tous les navigateurs — y compris Internet Explorer — où JavaScript est activé.

Étape 14

Pour utiliser le programme JavaScript de l'exemple, copiez les lignes du programme du nouveau fichier HTML et collez-les dans un autre fichier HTML après la ligne <body>. Dans l'autre fichier, assurez-vous que la ligne <body> inclut dans les crochets : onload="setInterval('blinkIt()',500)"

Étape 15

Démarrez votre navigateur web.

Étape 16

Ouvrez le fichier HTML dans le navigateur. Trois façons : glisser l'icône du fichier dans la fenêtre ; menu Fichier > Ouvrir ; entrer le nom du fichier dans la barre d'adresse (URL).

Étape 17

Comme dans l'exemple, si vous êtes connecté comme « JBrown » et que My-File.html est sur le Bureau, sous Windows entrez file:///C:/Documents%20and%20Settings/JBrown/Desktop/My-File.html et Entrée, ou sur Mac file:///Users/JBrown/Desktop/My-File.html et Entrée.