Hvordan lage tekst Blink i HTML

Hvordan lage tekst Blink i HTML


Det er fire måter å føre en webside for å vise blinkende tekst når siden vises i en nettleser. Du kan bruke HTML <blink> -taggen for å påvirke visningen av en hvilken som helst tekst på websiden. Du kan legge erklæringen "text-decoration: blink" i nettsidens HTML-fil. Du kan legge erklæringen "text-decoration: blink" i Cascading Style Sheet fil (CSS) som styrer visningen av websiden. Eller du kan legge til egendefinerte Javascript-kode i nettsidens HTML-fil som fører til at teksten å blinke, det vil si å komme og forsvinne gjentatte ganger.

Bruksanvisning

Legg HTML <blink> -taggen i nettsidens HTML-fil

1 Kjør tekstredigeringsprogram, og åpne filen som inneholder websiden tekst. filetternavnet filens kan være HTM, HTML, .xhtml, .xhtm eller andre.

2 Legg ved mellom HTML-kodene <blink> og </ blink> teksten du vil skal vises blinkende. Du kan bruke <blink> tag med tekst som vises på websiden, for eksempel i overskrifter, i ledd, eller i tabeller.

3 Lagre tekstfilen du nettopp redigerte.

Legg erklæringen "text-decoration: blink" i nettsidens HTML-fil

4 Kjør tekstredigeringsprogram, og åpne filen som inneholder websiden tekst. filetternavnet filens kan være HTM, HTML, .xhtm, .xhtml, eller andre.

5 Sjekk om HTML-filen inneholder en linje der det står "<style type =" text / css ">". Hvis ikke, etter den linjen som leser "<head>" legge linjene som vist i dette eksemplet.

6 Mellom linjen som leser "<style type =" text / css ">" og linjen som leser "</ style>", legger tekstlinjen vist i dette eksemplet. Som et eksempel, fører denne linjen all tekst på denne websiden med tag "<h1>" vises blinkende. Bruk denne teknikken til å påvirke noen ledetekst (h1, h2, h3, ... H6), hele kroppen av websiden (kroppen), eller tekst med en spesiell HTML-kode.

7 Lagre tekstfilen du nettopp redigerte.

Legg til "text-decoration: blink" erklæring i CSS-filen som styrer visningen av websiden

8 Start tekstredigeringsprogram, og deretter åpne filen Cascading Style Sheet (CSS) som styrer presentasjonen av websiden med teksten du vil skal vises blinkende. filetternavnet filens kan være CSS- eller andre. Det kan, eller kanskje ikke, finnes i samme mappe eller katalog som HTML-filene med visnings den styrer.

9 I CSS-filen, se etter en av de to linjer som er vist i dette eksemplet. I eksemplet ellipsene ( "...") indikerer at enhver tekst kan bli funnet i den delen av linjen i CSS-filen.

10 Legge til eller redigere linjene som vist i dette eksemplet. For noen HTML-fil som refererer til denne CSS-fil, fører den nye linjen all tekst som er merket med "<p>" tag vises blinkende når den vises i nettleseren.

11 For å føre bare en del av teksten merket med en gitt ID for å vises blinkende, redigere CSS-fil og HTML-fil som vist i dette eksemplet. I HTML-filen, for å erklære denne ID kan du redigere HTML-koden på denne måten i noen del av teksten.

Legg definert Javascript-kode i nettsidens HTML-fil

12 Start tekstredigeringsprogram. I en ny tekstfil, skriv linjene som vist i dette eksemplet. Lagre tekst i en fil med filetternavnet .htm.

1. 3 Åpne den nye HTML-filen i nettleseren. Legg merke til at linjen "Din tekst" blinker. Dette resultatet bør skje i nesten hvilken som helst nettleser - inkludert Microsoft Internet Explorer - der Javascript er aktivert.

14 For å bruke Javascript-program som vises i eksempelet, kopiere linjene i programmet fra den nye HTML-fil og lime dem inn i en annen HTML-fil etter tråd med tag "<body>". I den andre HTML-fil, sørge for at linjen med tag "<body>" inkluderer inne i parentes denne teksten: onload = "setInterval ( 'blinkIt ()', 500)"

Se Web-side som viser blinkende tekst

15 Start nettleseren.

16 Åpne HTML-filen i nettleseren. Det er tre måter å gjøre dette:

-Dra Filens ikon i nettleseren vindu.
-Velg Fil> Åpne kommando og bruke dialogboksen Åpne for å velge filen du vil åpne.
-Skriv Filnavnet er i posisjon (eller URL) feltet til nettleseren.

17 Som vist i dette eksemplet, hvis du er logget på datamaskinen som "JBrown" og filen My-File.html er funnet på skrivebordet, og deretter på en Windows-PC skriv file: /// C: / Documents% 20og% 20Settings / JBrown / Desktop / My-File.html og trykk Enter, eller på en Mac skriv fil: ///Users/JBrown/Desktop/My-File.html og trykk Enter.

Hint

  • For noen nettlesere som kan vise blinkende tekst, kan brukeren overstyre denne evnen ved hjelp av nettleserens egne innstillinger. For eksempel, som bruker bekvemmelighet, Mozilla Firefox nettleseren about: config innstillingen "browser.blink_allowed" avgjør om teksten merket som blinker faktisk blinker.
  • Merk at HTML <blink> -taggen er ikke "standard" HTML og har aldri vært støttet av alle versjoner av alle nettlesere, inkludert Microsoft Internet Explorer. Denne teknikken er ikke anbefalt for visning av blinkende tekst på websider du forventer å bli sett i fremtidige nettlesere.
  • "Text-decoration: blink" erklæring betraktes standard i CSS en anbefaling og CSS 2.1-spesifikasjonen utgitt av World Wide Web Consortium, den internasjonale standarden for å lage organisasjon for web. Erklæringen bør støttes nå og i fremtiden ved alle de store nettlesere som holder seg til internasjonale standarder.
  • Ved hjelp av blinkende tekst på en webside er ikke en anbefalt praksis. En grunn er at en leser gjenstand for epileptiske anfall kan reagere negativt når du ser blinkende tekst. Også blinkende tekst på en side sterkt tiltrekker øyet oppmerksomhet, selv når du ser på andre deler av siden, og så kan betraktes som irriterende eller irriterende for leseren.