次の記事では、HTML の kbd タグについて概要を説明します。 HTML の タグは、ユーザーのキーボード入力によって定義されたテキストを認識するのに役立ちます。キーボードから入力を受け取るために使用されます。これは主に、ユーザーがキーボードから入力したテキストを表示する必要がある場合に使用されます。これは、フレーズタグとして知られるタグのカテゴリに分類されます。これはインライン要素とも呼ばれます。このタグに設定されるデフォルトのフォントは、フォント ファミリの等幅フォントです。さまざまなスタイル コードを使用して、 内に含まれるテキストの外観と雰囲気を改善できます。タグ。キーボードから簡単に入力できるテキストが常に含まれています。
の開始部分内の HTML で定義されたタグ を閉じます。タグ。
このタグ内にあるテキストは次のようになります:
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <p>Kbd tag in HTML < kbd> Text </kbd> <kbd> Text </kbd> <kbd> Text </kbd> </body> </html>
この タグはフレーズタグとして知られており、等幅タイプのフォント形式が含まれています。 内に含まれるテキストのスタイルを変更できます。次のように、異なる CSS プロパティを使用してタグを付けます:
テキストレイアウトスタイルをに設定します。タグの場合、CSS には次のようなさまざまなプロパティがあります:
tag は、HTML でさまざまな目的に使用される最も便利なタグの 1 つです。 の主な用途は次のとおりです。タグをユーザードキュメントに追加します。キーボードに入力されるテキストを表示するのに役立つからです。これは HTML の素晴らしい便利な要素です。このタグはキーボード ショートカットの作成にも使用されます。
これは、新しいドキュメントの作成、ドキュメントの保存、新しいタブで開くなどに役立ちます。これは、スタイル付き出力のさまざまな CSS プロパティで機能します。 を使用してキーボード ショートカットを作成するとします。 HTMLのタグ。ここではテキストをコピーして貼り付けています。
そこで、次のようにショートカットを通じて タグを使用してこの処理を実行します: この例では、ctrl + c でテキストをコピーし、ctrl + v を使用して貼り付けるためのショートカットを作成します。 HTML の kbd タグの例を以下に示します。 出力: 出力: 出力: Selepas mengklik kekunci ctrl+shift+t daripada papan kekunci, ia akan membuka semula tab yang ditutup sebelum ini dalam penyemak imbas. tag dalam HTML digunakan untuk menunjukkan teks sebagai input papan kekunci. Ia dalam fon monospace. Teg ini boleh digayakan menggunakan sifat CSS yang berbeza seperti font-family, font-weight, font-color, background-color, font-size, font-style, text-decoration, white-space, text- pecah, bayang teks, jajarkan teks –terakhir, jarak huruf teks, limpahan teks dll. 以上がHTMLのkbdタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ctrl + c次に ctrl + v HTML の kbd タグの例
例 #1 – これは の簡単な例です。タグ。
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.key {
padding: 3px 3px 0;
border-radius: 2px;
border: 1px solid #666;
border-color: blueviolet;}
</style>
</head>
<body>
<p>Copy some code using <kbd><kbd>Ctrl</kbd>+<kbd>c</kbd></kbd>.</p>
<p>Paste copied code using <kbd><kbd>Ctrl</kbd>+<kbd>v</kbd></kbd>.</p>
<p>Save all the details of the data using <kbd ><kbd class="key" >Ctrl</kbd>+
<kbd class="key">s</kbd></kbd>.</p>
<p>Create a new document by pressing <kbd><kbd class="key">Ctrl</kbd>+
<kbd class="key">N</kbd></kbd>.</p>
</body>
</html>
例 #2 – CSS プロパティを使用してタグを付けます。
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.font {
font-style: italic;
font-size: 20px;
}
kbd.cursive{
font-family: cursive;
}
kbd.fantasy{
font-family:fantasy;
color:darkmagenta;
}
kbd.inherit{
font-family:inherit;
}
kbd.sans-serif{
font-family:sans-serif;
background-color: aquamarine;
}
kbd.weight{
font-weight:bold;
}
</style>
</head>
<body>
<h4>kbd tag uses Font style</h4>
<p><kbd class="font">The Whole world steps aside for the man who knows where he is going</kbd><hr>
<h4>kbd tag uses Font Family</h4>
<p><kbd class="cursive">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="fantasy">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class=" inherit">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="sans-serif">People rarely succeed unless they have fun in what they are doing</kbd>
<hr>
<h4>kbd tag uses Font weight </h4>
<p><kbd class="weight"> Only those who dare to fail greatly can ever achieve greatly</kbd>
<hr>
</body>
</html>
例 #3
<!DOCTYPE html>
<html>
<head>
<title>HTML kbd Tag</title>
</head>
<body>
<p>kbd tag to reopen previously closed tab by clicking
<br>
<br>
<kbd>ctrl</kbd>+
<kbd>shift</kbd>+
<kbd>t</kbd>
</body>
</html>
Kesimpulan – Teg kbd dalam HTML
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
