escF1F2F3F4F5F6F7F8F9F10F11F12⏏
`1234567890-=delete
tabQWERTYUIOP[]\
caps lockASDFGHJKL;'return
shiftZXCVBNM,./shift
fnctrloption ⌘ ⌘enter←↑↓→
~!@#$%^&*()_+
{}|:"<>? space
<kbd>・・・キーボード入力される文字であることを示すタグを使用する。
★cssにkbdの設定を記述する(任意に色やボーダーを変更してみる)以下はサンプル
kbd {
color: #0f0f0f;
background-color: #ffffff;
font-family: "Lucida Grande",monospace;
font-weight: normal;
font-size: 100%;
text-align: center;
border-top: 1px outset #c0c0c0;
border-left: 2px outset #c0c0c0;
border-right: 3px outset #ffffff;
border-bottom: 3px outset #ffffff;
padding-left: 0.4em;
padding-top: 0.1em;
padding-right: 0.4em;
padding-bottom: 0.1em;
line-height: 1.6em;
vertical-align: top;
margin-right:3px;
margin-left:3px;
}
color: #0f0f0f;
background-color: #ffffff;
font-family: "Lucida Grande",monospace;
font-weight: normal;
font-size: 100%;
text-align: center;
border-top: 1px outset #c0c0c0;
border-left: 2px outset #c0c0c0;
border-right: 3px outset #ffffff;
border-bottom: 3px outset #ffffff;
padding-left: 0.4em;
padding-top: 0.1em;
padding-right: 0.4em;
padding-bottom: 0.1em;
line-height: 1.6em;
vertical-align: top;
margin-right:3px;
margin-left:3px;
}
★本文に<kbd>指定文字</kbd>と記述する
特殊文字入力は NCR [numeric character reference](数値文字参照)で指定する
★数値文字参照変換オンラインサイト
☆AOK's JavaScript Sample:数値文字参照(NCR)に変換
☆@Nelii:数値文字参照変換スクリプト
平田@アスカネット:文字列 → 数値実体参照変換