<kbd> HTML Tag

In this article I will discuss the <kbd> HTML Tag.
  • 1535

The HTML kbd tag is used for indicating the text to be entered by the user. The kbd tag surrounds the word/phrase.

Example

<html>

<head>

    <title></title>

</head>

<body>

    <table border=2>

        <tr>

            <th>

                <h3>

                    Use of &lt;kbd&gt; Tag</h3>

            </th>

            <th>

                <h3>

                    Without using &lt;kbd&gt; Tag</h3>

            </th>

        </tr>

        <tr>

            <td>

                <kbd>Input Devices</kbd>

                <ul>

                    <li><kbd>Keyboard</kbd></li>

                    <li><kbd>Mouse</kbd></li>

                    <li><kbd>Touch Pad</kbd></li></ul>

                <kbd>Output Devices</kbd>

                <ul>

                    <li><kbd>Monitor</kbd></li>

                    <li><kbd>Printer</kbd></li></ul>

            </td>

            <td>

                Input Devices

                <ul>

                    <li>Keyboard</li>

                    <li>Mouse</li>

                    <li>Touch Pad</li></ul>

                Output Devices

                <ul>

                    <li>Monitor</li>

                    <li>Printer</li></ul>

            </td>

        </tr>

    </table>

</body>

</html>


Output
 

Use of <kbd> Tag

Without using <kbd> Tag

Input Devices
  • Keyboard
  • Mouse
  • Touch Pad
Output Devices
  • Monitor
  • Printer
Input Devices
  • Keyboard
  • Mouse
  • Touch Pad
Output Devices
  • Monitor
  • Printer



Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2020 DotNetHeaven. All rights reserved.