HTML

Keyboard Text


To represent keyboard input or key names in HTML, you can use the <kbd> element. This element is specifically designed to denote user input, typically from a keyboard.

Here's an example of how you can use the <kbd> element:

<p>To save a document, press <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>

In this example, "Ctrl" and "S" are marked up as keyboard input using the <kbd> element. When rendered in a browser, they will typically be displayed in a monospaced font, indicating that they represent keys on a keyboard.

 

You can also use the <kbd> element to represent key combinations or sequences:

<p>To copy selected text, press <kbd>Ctrl</kbd> + <kbd>C</kbd>.</p>

By using the <kbd> element, you can effectively indicate keyboard input in your HTML content.