Related Articles

Related Articles

HTML | <kbd> Tag
  • Difficulty Level : Basic
  • Last Updated : 18 Jul, 2019

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

List of all phrase tag:

  • <em>: This tag is used to emphasize the text.
  • <strong>: This tag is used to define an important text.
  • <code>: This tag enclose 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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <title>The kbd tag</title>
        <style>
            body {
                text-align:center;
            }
        </style>
    </head>
    <body>
        <div class = "gfg">GeeksforGeeks</div>
        <kbd>A computer</kbd>
        <kbd>science</kbd>
        <kbd>portal</kbd>
    </body>
</html>                    

chevron_right


Output:
kbd tag

Supported Browsers: The browser supported by <kbd> tag are listed below:

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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :