HTML <blink> Tag
In HTML, the blink tag is used to create the text which flashes. The blink tag is an inline element in HTML. It is observed that the blink tag used in HTML is not supported in all browsers. And also, this tag is not under the Hypertext Markup Language. We may create this blinking effect by combining CSS and JavaScript with HTML. But in the Internet usage guideline policy, it is strictly advised not to use the blinking text because it may impact the disabled user. It is so annoying that the text blinks on or off, which may annoy the user. Note that this tag is no longer used and is not supported by many browsers. Using the blink tag is not advised because some browsers may not break the code.
Example 1
This example may not work because it is written only with the help of HTML. Some browers may not be compatible with it.
HTML code
<!DOCTYPE html>
<html>
<head>
<title>
Blinking text using HTML
</title>
</head>
<body>
<h1>javaTpoint</h1>
<blink>
Blink tag does not work
in HTML
</blink>
</body>
</html>Note- The <blink> tag is no more supported and does not work in any of the new browser versions. A combination of CSS and JavaScript must be used instead to attain this effect.
Output:
Example 2
In this example, we are using JavaScript with HTML to blink the text.
HTML code
<!DOCTYPE html>
<html>
<head>
<title>
Blinking with JavaScript
</title>
<style>
#blink {
font-size: 20px;
font-weight: bold;
font-family: sans-serif;
}
</style>
</head>
<body>
<p id="blink">
Hello users, Welcome to javaTpoint, let's Blink
</p>
<script type="text/javascript">
var blink =
document.getElementById('blink');
setInterval(function () {
blink.style.opacity =
(blink.style.opacity == 0 ? 1 : 0);
}, 1000);
</script>
</body>
</html>
Output:
Example 3
<!DOCTYPE html>
<html>
<head>
<title>Blinking feature using CSS</title>
<style>
.blink {
animation: blinker 1.5s linear infinite;
color: red;
font-family: sans-serif;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>
</head>
<body>
<p class="blink"> Welcome to javaTpoint. </p>
</body>
</html>
Output:
Browser compatibility
1. Chrome: Not supported.
2. Mozilla Firefox: Not supported.
3. Safari: Not supported.
4. Opera: Not supported.
5. Internet Explorer: Not supported.