Kuidas teha Tekst Blink HTML

Kuidas teha Tekst Blink HTML Warnlicht pildi knirzporz alates Fotolia.com

on neli viisi põhjustada veebilehe näidata vilkuva teksti kui leht kuvatakse veebibrauseris.Võite kasutada HTML & lt; vilkuma & gt;tag mõjutada ekraani mis tahes teksti veebilehele.Saate lisada deklaratsiooni "text-decoration: vilkuma" Web lehekülje HTML faili.Saate lisada deklaratsiooni "text-decoration: blink" Cascading Style Sheet (CSS) faili, mis reguleerib ekraani veebilehe.Või saate lisada kohandatud JavaScript koodi veebilehe HTML fail, mis põhjustab teksti vilkuma, mis on, et tekivad ja kaovad korduvalt.

, mida te vajate

  • veebibrauser
  • Tekstiredaktor

Lisa HTML & lt; blink & gt;sildi veebilehe HTML faili

  1. Run tekstiredaktoris avage fail, mis sisaldab veebilehe teksti.Faili nimelaiend võib olla .htm, .html, .xhtml, .xhtm või teised.

  2. pange vahel HTML & lt; blink & gt;ja & lt; / blink & gt;teksti, mida soovite näha vilkuma.Võite kasutada & lt; blink & gt;tag mis tahes teksti, mis kuvatakse veebile

    hel, nagu rubriikidesse punktides või tabelitena.

  3. Säästa tekstifaili sa lihtsalt muuta.

Lisa deklaratsiooni "text-decoration: blink" Web lehekülje HTML faili

  1. Run tekstiredaktoris avage fail, mis sisaldab veebilehe teksti.Faili nimelaiend võib olla .htm, .html, .xhtm, .xhtml või teised.

  2. Kontrollige, kas HTML fail sisaldab rida, mis loeb "& lt; style type =" text / css "& gt;".Kui ei, siis pärast rida, mis loeb "& lt; head & gt;"lisada read näite kohaselt.

  3. vahel joon, mis loeb "& lt; style type =" text / css "& gt;"ja joon, mis loeb "& lt; / style & gt;", lisada rida teksti, mida näitab selle näite.Näiteks seda joont põhjustab kogu teksti selle veebilehe märksõnaga "& lt; h1 & gt;"ilmuma vilkuma.Kasutage seda tehnikat mõjutada tahes rubriiki teksti (H1, H2, H3, ... h6), kogu keha veebilehe (keha), või teksti, millel on eriti HTML tag.

  4. Säästa tekstifaili sa lihtsalt muuta.

Lisa "text-decoration: blink" deklaratsioon CSS faili, mis reguleerib ekraani veebilehe

  1. Alusta tekstiredaktor, avage Cascading Style Sheet (CSS) faili, mis kontrollib esitlusVeebilehe teksti, mida soovite näha vilkuma.Faili nimelaiend võib olla CSS või teised.See võib, kuid ei pruugi, leidub samasse kausta või kataloogi HTML failid, mille ekraani see reguleerib.

  2. CSS faili, otsida üks kahest jooni selles näites.Näites on ellipsid ("...") näitavad, et iga teksti võib leida, et osa rida oma CSS faili.

  3. Lisa või muuda jooned, nagu näidatud käesoleva näite.Iga HTML fail, mis viitab sellele CSS faili, uus line põhjustab kogu teksti märgitud "& lt; p & gt;"tag ilmuma vilgub kui vaadata veebibrauseris.

  4. tekitas ainult tekstilõiku kodeeritud teatud ID ilmuma vilgub, muuta CSS faili ja HTML fail, nagu näidatud käesoleva näite.Kui HTML faili, kuulutada selle ID saab muuta HTML tag sel viisil tahes teksti.

Lisa custom JavaScript koodi veebilehe HTML faili

  1. Alusta tekstiredaktor.Uues tekstifaili sisestage jooni selles näites.Säästa teksti faili nimelaiend .htm.

  2. Avatud uus HTML fail oma veebibrauseris.Pange tähele, et rida "Your text" vilgub.See peab juhtuma peaaegu kõik veebibrauseris - sealhulgas Microsoft Internet Explorer - milles JavaScript lubatud.

  3. kasutamiseks JavaScript programmi pildil näha, kopeerida read programmi uutest HTML fail ja kleepige teise HTML faili pärast Kooskõlas märksõnaga "& lt; body & gt;".Teistes HTML faili, tagamaks, et kooskõlas märksõnaga "& lt; body & gt;"sisaldab sulgudes see tekst: ümberlaadimise = "setInterval (" blinkIt () ', 500) "

Vaata veebileht, mis näitab vilkuv tekst

  1. Alusta oma veebibrauseris.

  2. Avage HTML faili veebibrauser.On kolm võimalust seda teha:

    -Lohistage faili ikooni brauseri akent.
    -Valige File & gt;Avatud käsk ja kasutada avatud dialoogis saab valida faili avada.
    -Sisesta faili nime brauseri asukoht (või URL) valdkonnas.

  3. Nagu näha seda näiteks kui sa logid arvutisse nagu "JBrown" ja faili My-file.html leitakse töölaual, siis Windows PC sisestage faili: /// C: / Documents%20and% 20Settings / JBrown / Desktop / My-file.html ja vajutage Enter või Mac sisestage faili: ///Users/JBrown/Desktop/My-File.html ja vajutage Enter.

Tips & amp;Hoiatused

  • Mõne Web brauserid, mis võib kuvada vilkuva teksti, saab kasutaja seda võimalust kasutades brauseri enda seaded.Näiteks kui kasutaja mugavuse Mozilla Firefox brauseri about: config setting "browser.blink_allowed" määrab, kas tekst märkega vilgub tegelikult vilkuva.
  • Pange tähele, et HTML & lt; blink & gt;tag ei ​​ole "standard" HTML ja pole kunagi toetanud kõiki versioone kõik brauserid, sealhulgas Microsoft Internet Explorer.See meetod ei ole soovitatav väljapanek vilkuva teksti veebilehtedel ootate vaadata tulevikku Web brauserid.
  • "Tekst-decoration: blink" deklaratsioon peetakse standard CSS 1 soovitust ja CSS 2.1 spetsifikatsiooni avaldatud World Wide Web Consortium, rahvusvaheline standard tegemise organisatsioon Web.See deklaratsioon tuleb toetada nüüd ja tulevikus kõik suuremad Web brauserid, mis järgivad rahvusvahelisi standardeid.
  • Kasutades vilkuva teksti veebilehele ei ole soovitatav praktika.Üks põhjus on see, et lugeja suhtes epilepsiahoog võib reageerida negatiivselt vaatamise vilkuva teksti.Samuti vilkuva teksti lehel tugevalt meelitab silma tähelepanu, isegi siis, kui vaatate mujal lehele, ja nii võib pidada ärritavad või tüütu lugejale.
56
0
1
Web Design