The <kbd> Tag

The <kbd> tag is used to define keyboard input, and the content is displayed in a monospace font. This tag is not deprecated, but a richer effect can be achieved using CSS. Let us take a closer look:

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The <kbd> Tag for Defining Keyboard Input</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        .kbd {
            display: inline-block;
            background: black;
            color: white;
            border-radius: 12px;
            padding: 10px;
        }
    </style>
</head>
<body>
<p>HTML = <kbd>HyperText Markup Language</kbd></p>
<p>CSS = <kbd class="kbd">Cascading Style Sheets</kbd></p>
</body>
</html>

RESULT

<code>	Specifies a piece of computer code.	See example
<pre>	Defines preformatted text.	See example
<samp>	Defines sample output from a computer program.	See example
<var>	Defines a variable.	See example