2 HTML Tags You Probably Didn’t Know Existed

Lily Promise
2 min readMar 23, 2022

HTML is something that no web developer can do without. However, the majority of us believe that learning HTML is simple. It’s true in certain ways. But that doesn’t rule out the possibility of HTML surprising us.
There are still certain HTML tags that we are unaware of. two of them will be discussed in this post. Of course, HTML may have more hidden gems for us to discover. But for the time being, let’s concentrate on a handful of them.

1. abbr

abbr: This tag allows you to provide the meaning of an acronym as well as a description of the acronym.
When you use this tag, the dots appear beneath the acronym when you hover over it, and a tooltip appears with the description you specified in the abbr tag’s title attribute.

For better clarity, let’s have a look at the HTML code and the output below:

<body>
<div>
<h1>abbr</h1>
<p><abbr title=”Hypertext Markup Language”>HTML</abbr> is something which every Web Developer should know.</p>
</div>
</body>

Output

2. kbd

kbd: Have you ever noticed how some text on a web page is designated as keyboard input? That’s the power of the kbd tag. Let’s have a peek at how the kbd (keyboard) looks in operation. Then it will make more sense.

<body>
<div>
<h1>kbd</h1>
<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render a web page.</p>
</div>
</body>

Output

We can make it look a little attractive by applying some CSS to it.

Conclusion

This concludes the article. I hope you’ve gained some new knowledge today. Stay tuned for more articles like this!

Thanks for reading!

--

--

Lily Promise

web developer | Content writer (I write about web technology and business Strategies)