Miten saada teksti Blink HTML

Miten saada teksti Blink HTML Warnlicht kuvan knirzporz päässä Fotolia.com

On neljä tapaa aiheuttaa Web-sivun näyttää vilkkuvan tekstin, kun sivu näytetään selaimessa.Voit käyttää HTML & lt; vilkkuu & gt;tag vaikuttaa näytön tahansa tekstiä Web-sivun.Voit lisätä ilmoitus "text-decoration: vilkkuu" Web-sivun HTML-tiedoston.Voit lisätä ilmoitus "text-decoration: vilkkuvat" in Cascading Style Sheet (CSS) tiedosto, joka hallitsee näytön Web-sivun.Tai voit lisätä mukautettuja JavaScript-koodi Web-sivun HTML-tiedosto, joka aiheuttaa tekstin vilkkua, eli näkyvän ja katoavat toistuvasti.

mitä tarvitset

  • Web-selain
  • tekstieditori

Lisää HTML & lt; vilkkuvat & gt;tag Web-sivun HTML-tiedoston

  1. Suorita tekstieditori, avaa tiedoston, joka sisältää Web-sivun tekstiä.Tiedoston nimi laajennus voi olla .htm, .html, .xhtml, .xhtm, tai muita.

  2. liitettävä välillä HTML-tagit & lt; vilkkuvat & gt;ja & lt; / vilkkuvat & gt;teksti, jonka haluat näkyvän vilkkua.Voit käyttää & lt; vilkkuvat & gt;tag taha

    nsa tekstin, joka näkyy Web-sivulla, kuten nimikkeiden, kohdassa, tai taulukoissa.

  3. Tallenna tekstitiedosto juuri muokannut.

Lisää ilmoitus "text-decoration: vilkkuvat" Web-sivun HTML-tiedoston

  1. Run tekstieditori, avaa tiedoston, joka sisältää Web-sivun tekstiä.Tiedoston nimi laajennus voi olla .htm, .html, .xhtm, .xhtml, tai muita.

  2. Tarkista HTML-tiedosto sisältää seuraavat rivit "& lt; style type =" text / css "& gt;".Jos ei, sen jälkeen seuraavat rivit "& lt; head & gt;"Lisää viivoille tässä esimerkissä.

  3. Välillä rivi, jossa lukee "& lt; style type =" text / css "& gt;"ja linja, jossa lukee "& lt; / tyyli & gt;", lisää rivi tekstiä esitetty tässä esimerkissä.Esimerkiksi tämä rivi aiheuttaa kaikki tekstit tällä sivulla tagilla "& lt; h1 & gt;"näkyvän vilkkuu.Käyttää tätä tekniikkaa vaikuta Rubriktext (H1, H2, H3, ... H6), koko kehon Web-sivun (body), tai teksti, jolla on tietty HTML-koodi.

  4. Tallenna tekstitiedosto juuri muokannut.

Lisää "text-decoration: vilkkuvat" ilmoitus CSS-tiedosto, joka hallitsee näytön Web-sivun

  1. Käynnistä tekstieditori, avaa Cascading Style Sheet (CSS) tiedosto, joka ohjaa esittelyWeb-sivun tekstin haluat näkyvän vilkkua.Tiedoston nimi laajennus voi olla .css tai muille.Se voisi tai ehkä ei, löydy samassa kansiossa tai hakemistossa kuin HTML-tiedostot joiden näyttö se hallitsee.

  2. CSS tiedosto, etsiä joko kaksi riviä näkyy tässä esimerkissä.Esimerkissä ellipsien ("...") osoittavat, että mitään tekstiä olisi löytynyt, että osa riville CSS-tiedosto.

  3. Lisää tai muokkaa viivoja kuten tässä esimerkissä.Tahansa HTML-tiedoston, joka viittaa tähän CSS-tiedostoa, uusi rivi aiheuttaa kaiken tekstin merkitty "& lt; p & gt;"tag näkyvät vilkkua, kun tarkastellaan Web-selaimessa.

  4. haluat aiheuttaa vain palan tekstiä koodattu tietyn ID näkyvän vilkkuu, muokata CSS-tiedostoa ja HTML-tiedoston, kuten tässä esimerkissä.HTML-tiedosto, julistaa tämä tunnus, voit muokata HTML-koodi näin mistään palan tekstiä.

Lisää omia JavaScript-koodi Web-sivun HTML-tiedoston

  1. Käynnistä tekstieditori.Vuonna uusi tekstitiedosto, anna viivoille tässä esimerkissä.Tallenna teksti tiedoston tunniste .htm.

  2. Avaa uusi HTML-tiedoston Web-selaimessa.Huomaa, että linja "Tekstisi" vilkkuu.Tämä tulos pitäisi tapahtua lähes missä tahansa selaimessa - kuten Microsoft Internet Explorer - jossa JavaScript on käytössä.

  3. Voit käyttää javascript-ohjelma näkyy esimerkiksi kopioi riviä ohjelman uusi HTML-tiedoston ja liittää ne toiseen HTML-tiedosto, kun linja tagilla "& lt; body & gt;".Muissa HTML-tiedoston, varmista, että linja tagilla "& lt; body & gt;"sisältää sisällä suluissa tämä teksti: onload = "setInterval ('blinkIt ()', 500)"

nähdä Web-sivun, joka näyttää vilkkuvan tekstin

  1. Käynnistä WWW-selain.

  2. Avaa HTML-tiedoston Web-selain.On kolme tapaa tehdä niin:

    -Vedä tiedoston kuvake selaimen ikkunan.
    -Valitse Tiedostojen & gt;Avaa-komennon ja käyttää Open-ikkunaa valitse tiedosto Avaa.
    -Anna tiedoston nimen selaimen Sijainti (tai URL) kenttään.

  3. Kuten tässä esimerkissä, jos olet kirjautunut tietokoneeseen "JBrown" ja tiedosto My-File.html löytyy työpöydälle, sitten Windows PC kirjoita file: /// C: / Documents%20and% 20Settings / JBrown / Desktop / My-File.html ja paina Enter, tai Mac kirjoita tiedosto: ///Users/JBrown/Desktop/My-File.html ja paina Enter.

Vinkkejä & amp;Varoitukset

  • Joidenkin Web-selaimet voivat näyttää vilkkuvan tekstin, käyttäjä voi ohittaa tätä ominaisuutta käyttämällä selaimen omat asetukset.Esimerkiksi, kuten käyttömukavuuden, Mozilla Firefox selaimen about: config asetus "browser.blink_allowed" määrittää tekstin merkinnällä vilkkuu todella alkaa vilkkua.
  • Huomaa, että HTML & lt; vilkkuvat & gt;tag ei ​​ole "vakio" HTML ja ei ole koskaan tukeneet kaikki versiot kaikista selaimet, kuten Microsoft Internet Explorer.Tämä tekniikka ei suositella näyttämällä vilkkuvan tekstin Web-sivuilla voit odottaa voidaan tarkastella tulevaisuudessa selaimissa.
  • "text-decoration: vilkkuvat" ilmoitus pidetään vakiona CSS 1 suositusta ja CSS 2.1 erittely julkaisemat World Wide Web Consortium, kansainvälinen standardi tavoittelematon järjestö Web.Tämä ilmoitus olisi tuettava nyt ja tulevaisuudessa kaikki tärkeimmät selaimet, jotka noudattavat kansainvälisiä standardeja.
  • käyttäminen vilkkuvan tekstin Web-sivulla ei ole suositeltu käytäntö.Yksi syy on, että lukija kohteena epileptisiä kohtauksia voi reagoida negatiivisesti katseltaessa vilkkuvan tekstin.Myös vilkkuva tekstiä sivulla voimakkaasti houkuttelee silmän huomion, vaikka katselet muualla sivun, ja näin voidaan pitää ärsyttäviä tai ärsyttävää lukijalle.
369
0
1
Web Suunnittelu