Hoe je tekst Blink in HTML maken

Hoe je tekst Blink in HTML maken Warnlicht afbeelding door knirzporz van Fotolia.com

Er zijn vier manieren om een ​​webpagina te veroorzaken om te laten zien knipperende tekst wanneer de pagina wordt weergegeven in een webbrowser.U kunt de HTML & lt; knipperen & gt;tag om de weergave van de tekst op de webpagina beïnvloeden.In HTML-bestand van de webpagina's: u kunt de verklaring "blink text-decoration" toe te voegen.U kunt de verklaring "text-decoration: blink" toe te voegen in de Cascading Style Sheet (CSS) bestand dat de weergave van de webpagina regeert.Of u kunt aangepaste JavaScript-code toe te voegen in de HTML-bestand van de webpagina's die ervoor zorgt dat de tekst te knipperen, dat is, te verschijnen en verdwijnen herhaaldelijk.

wat je

  • webbrowser
  • tekst editor
Need

Voeg de HTML & lt; blink & gt;tag in HTML-bestand van de webpagina's

  1. Voer de tekst editor, open het bestand dat de tekst van de webpagina bevat.Extensie van het bestand kan worden .htm, .html, .xhtml, .

    xhtm, of anderen.

  2. Stuur mee tussen de HTML-tags & lt; blink & gt;en & lt; / blink & gt;de tekst die u wilt weergeven knipperen.Blink & gt; kunt u de & lt;tag met een tekst die wordt weergegeven op de webpagina, zoals in de rubrieken in de punten, of tafels.

  3. Sla het tekstbestand dat u zojuist bewerkt.

Voeg de verklaring "text-decoration: blink" in HTML-bestand van de webpagina's

  1. Run de tekstverwerker, open het bestand dat de tekst van de webpagina bevat.Extensie van het bestand kan worden .htm, .html, .xhtm, .xhtml, of anderen.

  2. Controleer of de HTML-bestand bevat een regel die "& lt; style type =" leest text / css "& gt;".Zo niet, na de regel die leest "& lt; head & gt;"voeg het in dit voorbeeld lijnen.

  3. Tussen de lijn die leest "& lt; style type =" text / css "& gt;"en de lijn die leest "& lt; / style & gt;", voeg de regel tekst in dit voorbeeld.Als een voorbeeld, deze regel zorgt ervoor dat alle tekst op deze webpagina met de tag "& lt; h1 & gt;"te verschijnen knipperen.Gebruik deze techniek om het even welke post tekst (H1, H2, H3, ... h6), het hele lichaam van de webpagina (lichaam), of tekst met een bepaalde HTML-tag beïnvloeden.

  4. Sla het tekstbestand dat u zojuist bewerkt.

Voeg de "text-decoration: blink" verklaring in het CSS-bestand dat de weergave van de webpagina

  1. regeert Start de tekstverwerker, open dan de Cascading Style Sheet (CSS) bestand dat de presentatie van de controleswebpagina met de tekst die u wilt weergeven knipperen.Extensie van het bestand kan .css of anderen.Het zou kunnen, of misschien niet, te vinden in dezelfde map of map als de HTML-bestanden waarvan de vertoning regeert.

  2. In het CSS-bestand, op zoek naar een van de twee lijnen in dit voorbeeld.In het voorbeeld zijn de ellipsen ("...") geeft aan dat tekst kunnen worden gevonden in het deel van de lijn in het CSS bestand.

  3. toevoegen of de lijnen te wijzigen, zoals in dit voorbeeld.Voor een HTML-bestand dat verwijst naar het CSS-bestand, de nieuwe lijn zorgt ervoor dat alle tekst gemarkeerd met de "& lt; p & gt;"tag te verschijnen knipperen wanneer bekeken in de webbrowser.

  4. Om slechts een stukje tekst gelabeld met een bepaalde ID verschijnen knipperen, bewerkt u het bestand CSS-bestand en HTML, zoals in dit voorbeeld veroorzaken.In het HTML-bestand, om deze ID te verklaren, kunt u de HTML-tag bewerken op deze manier voor een stuk tekst.

Voeg aangepaste JavaScript-code in de HTML-bestand van de webpagina's

  1. Start de tekstverwerker.In een nieuwe tekst bestand, voer het in dit voorbeeld lijnen.Sla de tekst in een bestand met de extensie .htm.

  2. Open de nieuwe HTML-bestand in de webbrowser.Merk op dat de regel "Uw tekst" knippert.Dit resultaat moet gebeuren in bijna elke webbrowser - waaronder Microsoft Internet Explorer - waarin JavaScript is ingeschakeld.

  3. Om de JavaScript-programma in het voorbeeld gebruiken, kopieert u de lijnen van het programma van de nieuwe HTML-bestand en plak deze in een ander HTML-bestand na de regel met de tag "& lt; body & gt;".In de andere HTML-bestand, ervoor zorgen dat de lijn met de tag "& lt; body & gt;"omvat in de beugels deze tekst: onload = "setInterval (" blinkIt () ', 500) "

Bekijk de webpagina toont knipperende tekst

  1. Start uw webbrowser.

  2. Open het HTML-bestand in de webbrowser.Er zijn drie manieren om dit te doen:

    -Sleep pictogram van het bestand in het venster van de browser.
    -Kies de File & gt;Open commando en gebruik het dialoogvenster Openen om het bestand te selecteren om te openen.
    -Voer de naam van het bestand in de locatie (of de URL) van de browser.

  3. Zoals in dit voorbeeld, als u ingelogd op uw computer als "JBrown" en het bestand My-file.html is te vinden op uw bureaublad, vervolgens op een Windows-pc in te voeren file: /// C: / Documents%20en% 20Settings / JBrown / Desktop / My-file.html en druk op Enter, of op een Mac in te voeren bestand: ///Users/JBrown/Desktop/My-File.html en druk op Enter.

Tips & amp;Waarschuwingen

  • Voor sommige webbrowsers die kunnen worden weergegeven knipperende tekst, kan de gebruiker deze mogelijkheid met eigen instellingen van de browser overschrijven.Bijvoorbeeld, als een gebruiker het gemak, de Mozilla Firefox browser about: config instelling "browser.blink_allowed" bepaalt of de tekst gelabeld als knipperende eigenlijk lijkt te knipperen.
  • Merk op dat de HTML & lt; blink & gt;tag is niet "standaard" HTML en is nooit ondersteund door alle versies van alle webbrowsers, zoals Microsoft Internet Explorer.Deze techniek wordt niet aanbevolen voor knipperende tekst op webpagina's die u verwacht in de toekomst webbrowsers worden bekeken weergegeven.
  • De "text-decoration: blink" verklaring wordt beschouwd als standaard in de CSS 1 aanbeveling en CSS 2.1-specificatie gepubliceerd door het World Wide Web Consortium, de internationale standaard-organisatie maken voor het web.Die verklaring moet nu en in de toekomst worden ondersteund door alle belangrijke webbrowsers die zich houden aan de internationale normen.
  • Met behulp van tekst te knipperen op een webpagina is niet een aanbevolen praktijk.Een reden is dat een lezer onderworpen aan epileptische aanvallen negatief kunnen reageren bij het bekijken van knipperende tekst.Ook tekst knippert een pagina trekt sterk de aandacht van het oog, zelfs bij het bekijken van andere delen van de pagina en dus kan irriterend of vervelend om de lezer worden overwogen.
794
0
1
Web Design