HTML Se Blinking Text Effect Kaise Banaye ? HTML Blink Tag

0
566
blink text effect kaise banaye
blink text effect kaise banaye

HTML Se Blinking Text Effect Kaise Banaye ? HTML Blink Tag Hello friends! HTML के Various Standard and Non-Standard Elements हैं, और कई Elements को अभी Officially Declared नहीं किया गया है As a Part of Standard HTML.

आपने Websites पर देखा होगा कि कुछ Text Flicker होते हैं, और आपको कुछ खास बताने की कोशिश करते है, और आपका ध्यान अपनी और खींचते है। इस Tutorial में, आप सीखेंगे कि एक Unique HTML tag का Use करके एक टिमटिमाता हुआ Text कैसे बनाया जाता है।

HTML Se Blinking Text Effect Kaise Banaye ? HTML Blink Tag

HTML Blink Tag Kya Hai ? Blink Tag In HTML

HTML Blink Tag HTML का एक Non-Standard Element है , जो Web Browser में Text या Text के Set को Flash करता है या धीरे से ब्लिंक Blink करने में मदद करता है; जैसा कि आप सभी को पता है कि Blink का मतलब किसी भी लाइट को Regular Pattern में या एक Fixed Time Interval के अंदर On और Off करना है।

Usually Text को ब्लिंक करना हमेशा Use नहीं किया जाता है , ये बस कभी कभी Viewers को Attract करने के लिया Use किया जाता है। इससे कभी कभी Users Irritate भी हो जाता है। इस टैग का Depreciated हो गया है, लेकिन अभी भी कुछ ऐसे ब्राउज़र हैं जो इस Blink Feature का Support करते हैं।

html blink tag

For Example, Blink Feature Netscape Version 5.0 द्वारा Supported है। यह Advised दी जाती है कि Blink Tag का Use कम से कम करें क्योंकि अगर Browser इसका Support नहीं करता है, तो Chances है कि आपका Page टूट सकता है।

एक Alternative के रूप में, Web Developers Texts पर Blink Effect बनाने के लिए JavaScript के साथ CSS का उपयोग कर सकते हैं। Typically , इस Tag का Use Webpage पर Fancy Text Effect बनाने के लिए किया जाता था। साथ ही ये Audience’s का ध्यान खींचने के लिए और कुछ खास या Special Offers दिखाने के लिए इसका इस्तेमाल किया जाता था।

Blink Tag In HTML

यह एक Container Tag होता है, बाकि HTML Tags की तरह, और इस Tag के भीतर लिखे गए सभी Texts पर Blink Effect काम करेगा।

Syntax : 
<blink> Here is your text that has to blink. </blink>

यहाँ एक complete HTML script है :-

<!DOCTYPE html> 
<html> 
<head>   
  <title> Here is an example of Blink Element of HTML </title> 
    <style>         
blink 
{             color: #2d38be;       
      font-size: 15px;             
font-weight: bold;         }    
 </style> 
</head> 
<body>   
  <h1> About HTML BLINK Tag</h1>
     <blink> HTML blink tags are not used these days and are not supported by most browsers. It probably won't work on your current browser. </blink> 
    <p> See the effect above </p>
 </body>
 </html>

blink tag

आपके पास एक और Option है अगर आप चाहते हो Blink feature को Implement करना , जहाँ पर Browser Blink Element को Support नहीं कर रहा है। तो आप CSS animation property (animation: blink 2s ease infinite;). का भी Use कर सकते है।

यह आजकल Style का Use करके और Blink Value के साथ text-decoration को Embed करने का एक Common तरीका है।

blink tag

Use JavaScript for Blinking

JavaScript भी HTML HTML Blink Tag का एक अच्छा Alternative बन सकता है।

<!DOCTYPE html> 
<html>
 <head>    
 <title> Blinking feature using JavaScript </title>   
  <style>         #blink {             
font-size: 20px;   
          font-weight: bold;    
         color: #de2489;  
     transition: 0.5s;         }   
  </style> 
</head> 
<body>   
  <p id="blink"> This is an example of blinking text using JS. </p>     
<script type="text/javascript">       
  var blink = document.getElementById('blink');      
   setInterval(function() {            
 blink.style.opacity = (blink.style.opacity == 0 ? 1 : 0);        
 }, 1500);     
</script>
 </body> 
</html>

Conclusion

इस लेख के जरिये आपको हमने आपको सिखाने की कोशिश की कैसे एक Blink Effect लगाते है Text पर HTML का use करके। उम्मीद है यह लेख आपके लिए Helpful रहा होगा । अगर आपको मन में HTML से Related किसी भी तरह के कोई भी Question है तो आप हमें नीचे Comment कर पूछ सकते है।

LEAVE A REPLY

Please enter your comment!
Please enter your name here