Skip to content
Related Articles

Related Articles

HTML Tag
  • Difficulty Level : Basic
  • Last Updated : 05 Feb, 2021

It is a phrase tag and used to define the keyboard input. The text enclosed within <kbd> tag is typically display 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: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :