>> Électroniques Technologie >  >> Maison intelligente >> Vie intelligente

Comment faire clignoter du texte en HTML

Il existe quatre façons de faire en sorte qu'une page Web affiche du texte clignotant lorsque la page est affichée dans un navigateur Web. Vous pouvez utiliser la balise HTML pour affecter l'affichage de n'importe quel texte sur la page Web. Vous pouvez ajouter la déclaration "text-decoration:blink" dans le fichier HTML de la page Web. Vous pouvez ajouter la déclaration "text-decoration:blink" dans le fichier CSS (Cascading Style Sheet) qui régit l'affichage de la page Web. Ou vous pouvez ajouter un code JavaScript personnalisé dans le fichier HTML de la page Web qui fait clignoter le texte, c'est-à-dire qu'il apparaît et disparaît à plusieurs reprises.

Étape 1

Exécutez l'éditeur de texte, puis ouvrez le fichier contenant le texte de la page Web. L'extension du nom du fichier peut être .htm, .html, .xhtml, .xhtm ou autres.

Étape 2

Insérez entre les balises HTML et le texte que vous souhaitez voir apparaître en clignotant. Vous pouvez utiliser la balise avec n'importe quel texte affiché sur la page Web, comme dans les titres, les paragraphes ou les tableaux.

Étape 3

Enregistrez le fichier texte que vous venez de modifier.

Étape 4

Exécutez l'éditeur de texte, puis ouvrez le fichier contenant le texte de la page Web. L'extension du nom du fichier peut être .htm, .html, .xhtm, .xhtml ou autres.

Étape 5

Vérifiez si le fichier HTML comprend une ligne indiquant "", ajoutez la ligne de texte montrée dans cet exemple. Par exemple, cette ligne fait clignoter tout le texte de cette page Web avec la balise "

". Utilisez cette technique pour affecter n'importe quel texte d'en-tête (h1, h2, h3, ... h6), le corps entier de la page Web (body) ou le texte ayant une balise HTML particulière.

Étape 7

Enregistrez le fichier texte que vous venez de modifier.

Étape 8

Démarrez l'éditeur de texte, puis ouvrez le fichier de feuille de style en cascade (CSS) qui contrôle la présentation de la page Web avec le texte que vous souhaitez voir clignoter. L'extension du nom du fichier peut être .css ou autre. Il peut ou non se trouver dans le même dossier ou répertoire que les fichiers HTML dont il régit l'affichage.

Étape 9

Dans le fichier CSS, recherchez l'une des deux lignes présentées dans cet exemple. Dans l'exemple, les points de suspension ("...") indiquent que n'importe quel texte peut se trouver dans cette partie de la ligne de votre fichier CSS.

Étape 10

Ajoutez ou modifiez les lignes comme indiqué dans cet exemple. Pour tout fichier HTML faisant référence à ce fichier CSS, la nouvelle ligne fait clignoter tout le texte marqué de la balise "

" lorsqu'il est affiché dans le navigateur Web.

Étape 11

Pour que seul un morceau de texte marqué avec un ID donné clignote, modifiez le fichier CSS et le fichier HTML comme indiqué dans cet exemple. Dans le fichier HTML, pour déclarer cet ID, vous pouvez ainsi éditer la balise HTML pour n'importe quel texte.

Étape 12

Démarrez l'éditeur de texte. Dans un nouveau fichier texte, entrez les lignes indiquées dans cet exemple. Enregistrez le texte dans un fichier avec l'extension de nom .htm.

Étape 13

Ouvrez le nouveau fichier HTML dans votre navigateur Web. Notez que la ligne "Votre texte" clignote. Ce résultat devrait se produire dans presque tous les navigateurs Web, y compris Microsoft Internet Explorer, dans lesquels JavaScript est activé.

Étape 14

Pour utiliser le programme JavaScript montré dans l'exemple, copiez les lignes du programme du nouveau fichier HTML et collez-les dans un autre fichier HTML après la ligne avec la balise "". Dans l'autre fichier HTML, assurez-vous que la ligne avec la balise "" inclut à l'intérieur des crochets ce texte :onload="setInterval('blinkIt()',500)"

Étape 15

Démarrez votre navigateur Web.

Étape 16

Ouvrez le fichier HTML dans le navigateur Web. Il existe trois façons de procéder :

- Faites glisser l'icône du fichier dans la fenêtre du navigateur. -Sélectionnez la commande Fichier> Ouvrir et utilisez la boîte de dialogue Ouvrir pour sélectionner le fichier à ouvrir. -Entrez le nom du fichier dans le champ Emplacement (ou URL) du navigateur.

Étape 17

Comme indiqué dans cet exemple, si vous vous êtes connecté à votre ordinateur en tant que "JBrown" et que le fichier My-File.html se trouve sur votre bureau, puis sur un PC Windows, entrez file:///C:/Documents%20and%20Settings/ JBrown/Desktop/My-File.html et appuyez sur Entrée, ou sur un Mac, entrez file:///Users/JBrown/Desktop/My-File.html et appuyez sur Entrée.

Astuce

Pour certains navigateurs Web capables d'afficher du texte clignotant, l'utilisateur peut remplacer cette fonctionnalité à l'aide des paramètres du navigateur. Par exemple, pour la commodité de l'utilisateur, le paramètre about:config du navigateur Mozilla Firefox "browser.blink_allowed" détermine si le texte marqué comme clignotant apparaît réellement comme clignotant.

Notez que la balise HTML n'est pas du code HTML "standard" et n'a jamais été prise en charge par toutes les versions de tous les navigateurs Web, y compris Microsoft Internet Explorer. Cette technique n'est pas recommandée pour afficher du texte clignotant sur des pages Web que vous prévoyez d'afficher dans les futurs navigateurs Web.

La déclaration "text-decoration:blink" est considérée comme standard dans la recommandation CSS 1 et la spécification CSS 2.1 publiées par le World Wide Web Consortium, l'organisation internationale de normalisation pour le Web. Cette déclaration devrait être prise en charge maintenant et à l'avenir par tous les principaux navigateurs Web qui adhèrent aux normes internationales.

Avertissement

L'utilisation de texte clignotant sur une page Web n'est pas une pratique recommandée. L'une des raisons est qu'un lecteur sujet à des crises d'épilepsie peut réagir négativement lorsqu'il regarde un texte clignotant. De plus, le texte clignotant sur une page attire fortement l'attention de l'œil, même lors de la visualisation d'autres parties de la page, et peut donc être considéré comme irritant ou ennuyeux pour le lecteur.


Vie intelligente