Spread the love

HTML <kbd> Tag

Learn HTML <kbd> Tags in this blog. The HTML <kbd> Tag refers to a piece of inline text that represents user keyboard input, voice input, or any other text entry device input.

The HTML <kbd> Tag renders in the default monospace font on the text browser. It is used when the document needs to display text that the user must enter exactly from its keyboard.

Example:-

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        HTML kbd Tag
    </title>
</head>
<body>

<h1>This is HTML kbd Tag Example</h1>
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>

<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
</body>
</html>

Output:-

kbd

Tip: This tag is not disliked. However, it is possible to achieve a rich effect using CSS (see example below).

HTML <code> Tag

HTML <samp> Tag

HTML <var> Tag

HTML <pre> Tag

HTML <kbd> Tag


Spread the love

Related Posts

2 thoughts on “HTML Kbd Tag

Leave a Reply

Your email address will not be published. Required fields are marked *