Hvordan laver Tekst Blink i HTML

Hvordan laver Tekst Blink i HTML Warnlicht billede ved knirzporz fra Fotolia.com

Der er fire måder at forårsage en webside for at vise blinkende tekst, når siden vises i en webbrowser.Du kan bruge HTML & lt; blinke & gt;tag for at påvirke visningen af ​​nogen tekst på websiden.Du kan tilføje erklæringen "tekst-dekoration: blinker" i websidens HTML-fil.Du kan tilføje erklæringen "tekst-dekoration: blink" i Cascading Style Sheet (CSS) fil, der regulerer visningen af ​​websiden.Eller du kan tilføje brugerdefinerede JavaScript-kode i websidens HTML-fil, der får teksten til at blinke, det er, at dukke op og forsvinde gentagne gange.

hvad du har brug

  • webbrowser
  • Tekst editor

Tilføj HTML & lt; blink & gt;tag i websidens HTML-fil

  1. Kør teksteditoren, derefter åbne filen, der indeholder den webside tekst.Filen navn extension kan være .htm, .html, .xhtml, .xhtm eller andre.

  2. Vedlæg mellem HTML-tags & lt; blink & gt;og & lt; / blink & gt;den tekst, der skal vises blinke.Du kan bruge & lt;

    blink & gt;tag med en hvilken som helst tekst, der vises på websiden, som i overskrifter, i stykker, eller i tabeller.

  3. Gem tekst fil, du lige redigeres.

Tilføj erklæringen "tekst-dekoration: blink" i Web sidens HTML-fil

  1. Kør teksteditoren, derefter åbne filen, der indeholder den webside tekst.Filen navn extension kan være .htm, .html, .xhtm, .xhtml eller andre.

  2. Kontroller, om HTML-filen indeholder en linje, der hedder "& lt; style type =" text / css "& gt;".Hvis ikke, efter at den linje, der lyder "& lt; head & gt;"tilføje linierne vist i dette eksempel.

  3. Mellem den linje, der hedder "& lt; style type =" text / css "& gt;"og den linje, der lyder "& lt; / typografi & gt;", tilføjer den linje af tekst, der vises i dette eksempel.Som et eksempel, denne linje forårsager al tekst på denne webside med tagget "& lt; h1 & gt;"at begynder at blinke.Brug denne teknik til at påvirke alle materialer tekst (H1, H2, H3, ... H6), hele kroppen på websiden (kroppen), eller tekst, der har en bestemt HTML-tag.

  4. Gem tekst fil, du lige redigeres.

Tilføj "tekst-dekoration: blink" erklæring i CSS-fil, der styrer visningen af ​​websiden

  1. Start teksteditoren, og åbn derefter Cascading Style Sheet (CSS) fil, der styrer præsentationen afwebside med tekst skal vises blinke.Filen navn extension kan være .css eller andre.Det måske, eller måske ikke, findes i den samme mappe eller bibliotek som HTML-filerne, hvis displayet den styrer.

  2. I CSS-fil, kigge efter en af ​​de to linjer, der er vist i dette eksempel.I eksemplet, de ellipser ("...") viser, at enhver tekst kan findes i den del af linjen i din CSS-fil.

  3. Tilføj eller rediger linierne, som vist i dette eksempel.For enhver HTML-fil, der henviser til denne CSS-fil, den nye linje får al tekst markeret med "& lt; p & gt;"tag til at blive vist blinkende, når de ses i webbrowseren.

  4. At forårsage kun et stykke tekst mærket med en given id skal vises blinker, redigere CSS-fil og HTML-fil, som vist i dette eksempel.I HTML-filen, til at erklære dette id, kan du redigere HTML-tag på denne måde for enhver stykke tekst.

Tilføj brugerdefinerede JavaScript-kode i websidens HTML-fil

  1. Start teksteditoren.I en ny tekstfil, indtast linierne vist i dette eksempel.Gem teksten i en fil med navnet extension .htm.

  2. Åbn den nye HTML-fil i webbrowseren.Bemærk, at linjen "Din tekst" blinker.Dette resultat bør forekomme i næsten enhver webbrowser - herunder Microsoft Internet Explorer - hvor JavaScript er aktiveret.

  3. vil bruge JavaScript-program vist i eksemplet, kopiere linjerne i programmet fra den nye HTML-fil og indsætte dem i en anden HTML-fil efter linien med tagget "& lt; body & gt;".I den anden HTML-fil, skal du sikre, at den linje med tagget "& lt; body & gt;"omfatter inde i parenteser denne tekst: onload = "setInterval (blinkIt ()«, 500) "

Se den webside, der viser blinkende tekst

  1. Start din webbrowser.

  2. Åbn HTML-filen i webbrowseren.Der er tre måder at gøre det:

    -Træk på filens ikon i browserens vindue.
    -Vælg File & gt;Kommandoen Åbn og brug dialogboksen Åbn for at vælge den fil, der skal åbnes.
    -Indtast filen navn i feltet browserens placering (eller URL).

  3. Som vist i dette eksempel, hvis du er logget på computeren som "JBrown" og filen My-File.html findes på dit skrivebord, så på en Windows-pc indtaste file: /// C: / Documents%20and% 20Settings / JBrown / Desktop / My-File.html og tryk Enter, eller på en Mac indtaste fil: ///Users/JBrown/Desktop/My-File.html og tryk Enter.

Tips & amp;Advarsler

  • For nogle webbrowsere, der kan vise blinkende tekst, kan brugeren tilsidesætte denne evne ved hjælp af browserens egne indstillinger.For eksempel, som en bruger bekvemmelighed, Mozilla Firefox browserens about: config indstilling "browser.blink_allowed" bestemmer, om tekst kodet som blinkende faktisk vises blinke.
  • Bemærk at HTML & lt; blink & gt;tag er ikke "standard" HTML og er aldrig blevet støttet af alle versioner af alle webbrowsere, herunder Microsoft Internet Explorer.Denne teknik kan ikke anbefales til visning af blinkende tekst på websider, du forventer skal ses i fremtidige webbrowsere.
  • Den "tekst-dekoration: blink" erklæring anses standard i CSS 1 anbefaling og CSS 2.1 specifikation udgivet af World Wide Web Consortium, den internationale standard for øje til internettet.Erklæringen skal nu og i fremtiden med støtte fra alle større webbrowsere, der overholder internationale standarder.
  • Brug blinkende tekst på en webside er ikke en anbefalet praksis.En af grundene er, at en læser underlagt epileptiske anfald kan reagere negativt, når du ser blinkende tekst.Også, blinkende tekst på en side stærkt tiltrækker øjets opmærksomhed, selv når der vises andre dele af siden, og kan således betragtes som irriterende eller irriterende for læseren.
441
0
1
Webdesign