HTML <kbd> Tag

Last Updated : 26 Aug, 2024

It is a phrase tag and is used to define the keyboard input. The text enclosed within <kbd> tag is typically displayed in the browser's default monospace font.

Syntax:

<kbd> text content ... </kbd>

List of all phrase tag:

<em>: It is used to emphasize the text.
<strong>: It is used to define an important text.
<code>: It encloses the computer code.
<samp>: It defines a sample output text from a computer program.
<kbd>: It defines the text of keyboard input.
<var>: It defines the variable text.

Example 1: This example describe the use of <kbd> tag.

html

<!DOCTYPE html>
<html>

<body>
    <h1>GeeksforGeeks</h1>

    <h3>HTML kbd Tag</h3>


    <p>
        Open a new window using the
        keyboard shortcut
        <kbd>Ctrl</kbd> + <kbd>N</kbd>
    </p>

</body>

</html>

Output:

Example 2: This example using <kbd> tag with some CSS styles.

HTML

<!DOCTYPE html>
<html>

<head>
    <style>
        kbd {
            border-radius: 2px;
            padding: 2px;
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <h2>HTML kbd Tag</h2>


    <p>Open a new window using the
        keyboard shortcut
        <kbd>Ctrl</kbd>+<kbd>N</kbd>
    </p>

</body>

</html>

Output:

Supported Browsers:

HTML <ins> Tag

M

manaschhabra2

Improve

Article Tags :

Similar Reads

The <i> tag in HTML is used to display the content in italic style. This tag is generally used to display the technical term, phrase, the important word in a different language. The <i> tag is a container tag that contains the opening tag, content & closing tag. Syntax// Inline way t

HTML <link> Tag

The HTML <link> tag defines the relationship between the current document and an external resource, often for stylesheets or favicons. It's an empty element with attributes like href and rel. Note: TheÂ <link>Â tag also supports the Global Attributes and Â Event Attributes in HTML. Syntax

HTML <label> Tag

The <label> HTML element represents a caption for a form element in a user interface. It improves accessibility by linking text to form elements. When a user clicks on the label, it automatically focuses on or activates the associated input, such as text fields, checkboxes, or radio buttons. T

HTML <ins> tag is used to specify a block of inserted text. The <ins> tag is typically used to mark a range of text that has been added to the document. The inserted text is rendered as underlined text by the web browsers although this property can be changed using the CSS text-decoratio

This tag is used to specify that the text content is no longer correct or accurate. This tag is similar but slightly different from the <del> tag. The <s> tag should not be used to define deleted text, rather use the <del> tag for that. The <s> tag is used to define text that

HTML <html> Tag

HTML is a language full of diverse elements, and one such element is the <html> tag. This tag, standing for â€˜HyperText Markup Languageâ€™, is used to define the root of an HTML or XHTML document. It serves as the main container for all other HTML elements, excluding the <!DOCTYPE> declarat

HTML <em> tag is used to emphasize text, typically rendering it in italics. It conveys importance or stress semantically and is widely employed for emphasis within paragraphs or sentences. Note: The <em> tag in HTML supports both Global Attributes and Event Attributes, enabling versatile

The <tt> tag in HTML stands for teletype text. It was used in HTML 4 to define text in a monospaced, teletype-style font. However, the tag has been deprecated in HTML5 because it only served a presentational purpose without adding any semantic meaning to the content. Instead of using <tt

The HTML <rtc> tag is used to define the explanation of the ruby annotation which is a small text, attached with the main text. Such kind of annotation is used in Japanese or chinese publications. The <rtc> tag contains the <rt> tag. Note: HTML <rtc> tag is not supported in h

The <sub> tag in HTML is used to define subscript text, which appears smaller and slightly below the normal text baseline. It is commonly used for mathematical expressions, chemical formulas, and footnotes, like in Hâ‚‚O (water) or E=mcÂ² (Einsteinâ€™s equation). Syntax<sub> Contents. . .

翻译：