ad

Tuesday, December 16, 2025

how to use the kbd tag in html

How to use the  kbd tag in html

web designing theory

Syntax 

 Syntax of HTML <kbd> tag

<kbd>...TEXT ....</kbd>

HTML <kbd> tad is use to represent keyboard input.

how to use the  kbd tag in html

Example


<!DOCTYPE html>
  <html>
  <head>
      <title> HTML kbd tag  element </title>
 </head>
  <body>
    <h1>HTML kbd Tag  element  </h1>
    <p>Press <kbd>Ctrl</kbd>+<kbd>T</kbd> New tab in browser</p>
    <p>Cut <kbd>Ctrl</kbd>+ <kbd>F</kbd> Find  </p>
  </body>
     </html>


how to use the  kbd tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Step 2 ]

<html>.... . </html>

  • html is the root element of the html page.
  •  Every thing inside it is part of the webpage.

Step 3]

<head>
        <title> HTML kbd tag  element </title>
</head>


  •   <head>  section 
  •   head section contains metadata about page. not visible on the page itself.
  •  <title> tag  title section set the title of the page shows the browser tab.

Step 4]

<body>
    <h1>HTML kbd Tag  element  </h1>
    <p>Press <kbd>Ctrl</kbd>+<kbd>T</kbd> New tab in browser</p>
    <p>Cut <kbd>Ctrl</kbd>+ <kbd>F</kbd> Find  </p>
  </body>
 

 HTML <kbd> tag use display keyboard input.

html <kbd> tag  use show in monospace or  styled format.

html <h1> tag use create a webpage titled. 

HTML <kbd> tag use show text in monospace font.

HTML <kbd> tag use stands for keyboard.

Step 5]

   Closing tag


  </body>
</html>

How to use the  kbd tag in html

Output


How to use the  kbd tag in html

Related Post :-

how to set image height

html link tag explain

how to use pre tag