Négy módja van annak, hogy egy weboldal villogó szöveget jelenítsen meg, amikor az oldal megjelenik a webböngészőben. A HTML címkével befolyásolhatja bármely szöveg megjelenítését a weboldalon. A "text-decoration:blink" deklarációt hozzáadhatja a weboldal HTML-fájljához. Hozzáadhatja a "text-decoration:blink" deklarációt a Cascading Style Sheet (CSS) fájlban, amely a weboldal megjelenítését szabályozza. Vagy hozzáadhat egyéni JavaScript-kódot a weboldal HTML-fájljához, amely a szöveg villogását okozza, azaz ismételten megjelenik és eltűnik.

1. lépés

Futtassa a szövegszerkesztőt, majd nyissa meg a weboldal szövegét tartalmazó fájlt. A fájl kiterjesztése lehet .htm, .html, .xhtml, .xhtm vagy más.

2. lépés

Zárja be a és HTML-címkék közé a villogni kívánt szöveget. A címkét bármilyen szöveggel használhatja, amely a weboldalon megjelenik, például címsorokban, bekezdésekben vagy táblázatokban.

3. lépés

Mentse el az imént szerkesztett szövegfájlt.

4. lépés

Futtassa a szövegszerkesztőt, majd nyissa meg a weboldal szövegét tartalmazó fájlt. A fájl kiterjesztése lehet .htm, .html, .xhtm, .xhtml vagy más.

5. lépés

Ellenőrizze, hogy a HTML-fájl tartalmazza-e a „" sor közé adja hozzá a példában látható szövegsort. Példaként ez a sor azt eredményezi, hogy ezen a weboldalon a "

" címkével ellátott összes szöveg villog. Használja ezt a technikát bármely címsorszöveg (h1, h2, h3, ... h6), a weboldal teljes törzsére (törzs), vagy egy adott HTML-címkével rendelkező szöveg befolyásolására.

7. lépés

Mentse el az imént szerkesztett szövegfájlt.

8. lépés

Indítsa el a szövegszerkesztőt, majd nyissa meg a Cascading Style Sheet (CSS) fájlt, amely szabályozza a villogni kívánt szöveget tartalmazó weboldal megjelenítését. A fájl kiterjesztése lehet .css vagy más. Lehet, hogy ugyanabban a mappában vagy könyvtárban található, mint azok a HTML-fájlok, amelyek megjelenítését szabályozza.

9. lépés

A CSS-fájlban keresse meg a példában látható két sor valamelyikét. A példában az ellipszisek ("...") azt jelzik, hogy a CSS-fájl sorának adott részében bármilyen szöveg található.

10. lépés

Adja hozzá vagy szerkessze a sorokat a példában látható módon. Minden olyan HTML-fájl esetében, amely erre a CSS-fájlra hivatkozik, az új sor hatására a "

" címkével jelölt szövegek villognak a webböngészőben.

11. lépés

Ha csak az adott azonosítóval ellátott szövegrész villogását szeretné előidézni, szerkessze a CSS-fájlt és a HTML-fájlt a példában látható módon. A HTML-fájlban ennek az azonosítónak a deklarálásához bármely szövegrész HTML-címkéjét ilyen módon szerkesztheti.

12. lépés

Indítsa el a szövegszerkesztőt. Egy új szövegfájlban írja be a példában látható sorokat. Mentse a szöveget egy .htm kiterjesztésű fájlba.

13. lépés

Nyissa meg az új HTML-fájlt a webböngészőben. Figyelje meg, hogy a „Saját szöveg” sor villog. Ennek az eredménynek szinte minden webböngészőben meg kell jelennie – beleértve a Microsoft Internet Explorert is –, amelyben a JavaScript engedélyezve van.

14. lépés

A példában bemutatott JavaScript program használatához másolja ki a program sorait az új HTML-fájlból, és illessze be őket egy másik HTML-fájlba a "" címkével ellátott sor után. A másik HTML-fájlban győződjön meg arról, hogy a "" címkét tartalmazó sorban a zárójelben ez a szöveg szerepel:onload="setInterval('blinkIt()',500)"

15. lépés

Indítsa el a webböngészőt.

16. lépés

Nyissa meg a HTML-fájlt a webböngészőben. Ennek három módja van:

- Húzza a fájl ikonját a böngésző ablakába. -Válassza ki a Fájl> Megnyitás parancsot, és használja a Megnyitás párbeszédpanelt a megnyitni kívánt fájl kiválasztásához. - Írja be a fájl nevét a böngésző Hely (vagy URL) mezőjébe.

17. lépés

Amint az ebben a példában is látható, ha „JBrown” néven jelentkezett be a számítógépére, és a My-File.html fájl megtalálható az asztalon, akkor Windows PC-n írja be a file:///C:/Documents%20and%20Settings/ JBrown/Desktop/My-File.html és nyomja meg az Enter billentyűt, vagy Mac gépen írja be a file:///Users/JBrown/Desktop/My-File.html fájlt, és nyomja meg az Enter billentyűt.

Tipp

Egyes webböngészők esetében, amelyek villogó szöveget jelenítenek meg, a felhasználó felülbírálhatja ezt a funkciót a böngésző saját beállításaival. Például a felhasználó kényelme érdekében a Mozilla Firefox böngésző about:config "browser.blink_allowed" beállítása határozza meg, hogy a villogóként megjelölt szöveg valóban villogónak tűnik-e.

Vegye figyelembe, hogy a HTML címke nem "szabványos" HTML, és soha nem támogatja az összes webböngésző összes verziója, beleértve a Microsoft Internet Explorert is. Ez a technika nem ajánlott villogó szövegek megjelenítéséhez azokon a weboldalakon, amelyeket várhatóan jövőbeli webböngészőkben fognak megtekinteni.

A "text-decoration:blink" nyilatkozat szabványnak számít a World Wide Web Consortium, a Web nemzetközi szabványalkotó szervezete által közzétett CSS 1 ajánlásban és CSS 2.1 specifikációban. Ezt a nyilatkozatot most és a jövőben is támogatnia kell minden nagyobb webböngészőnek, amely megfelel a nemzetközi szabványoknak.

Figyelmeztetés

A villogó szöveg használata egy weboldalon nem ajánlott gyakorlat. Ennek egyik oka az, hogy az epilepsziás rohamoknak kitett olvasó negatívan reagálhat, amikor villogó szöveget néz. Ezenkívül az oldalon villogó szöveg erősen felkelti a szem figyelmét, még akkor is, ha az oldal más részeit nézi, és ezért irritálónak vagy bosszantónak tekinthető az olvasó számára.