Bagaimana untuk menggunakan tag <kbd> dalam HTML untuk pemformatan input papan kekunci?-html tutorial-php.cn

Bagaimana untuk menggunakan tag dalam HTML untuk pemformatan input papan kekunci?

PHPz

Lepaskan： 2023-08-20 11:45:38

ke hadapan

1252 orang telah melayarinya

Bagaimana untuk menggunakan tag <kbd> dalam HTML untuk pemformatan input papan kekunci?

Kami menggunakan teg untuk mentakrifkan input papan kekunci yang digunakan untuk mengenal pasti teks yang mewakili input papan kekunci pengguna fon menggunakan helaian gaya.

Sintaks

<kbd> Keyboard text…

Salin selepas log masuk

Contoh 1

Berikut ialah contoh menggunakan teg dalam HTML −

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p>
      Open a new file using the keyboard shortcut 
      <kbd>Ctrl</kbd> + <kbd>N</kbd>
   </p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>C </kdb>to copy text from the file.</p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>P </kdb>to paste text to the file.</p>
</body>
</html>

Salin selepas log masuk

Terjemahan bahasa Cina bagi

Contoh 2

ialah:

Contoh 2

Teg ini boleh digunakan dalam dokumen HTML seperti yang ditunjukkan di bawah −

<html>
   <body>
      <p>Two special keys in keyboard are:<kbd>ctrl</kbd>, <kbd>alt</kbd>.</p>
   </body>
</html>

Salin selepas log masuk

Contoh 3

Kami juga boleh menambah gaya untuk nilai papan kekunci dalam dokumen HTML.

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      kbd {
         border-radius: 2px;
         padding: 2px;
         border: 1px solid black;
      }
   </style>
</head>
<body>
   <p>
      Open a new file using the keyboard shortcut
      <kbd>Ctrl</kbd> + <kbd>N</kbd>
   </p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>C </kdb>to copy text from the file.</p>
   <p>Press<kbd>Ctrl </kbd> + <kdb>P </kdb>to paste text to the file.</p>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menggunakan tag dalam HTML untuk pemformatan input papan kekunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!