キーボード画像あり|記号の入力方法と配列|HTML初めての人向け

HTML＆CSSを覚え始めた時に初心者の私がどこでつまづきそうになったかというと、記号をどのように入力すればよいのか分からなかったことです。

本当に初歩の初歩の部分ですね。

HTMLの入門書やサイトでは、キーボードの入力が当たり前のようにできる読者を暗黙の前提として話が進むので、「キーボードのどこを押せばその記号が入力できるか」といった初歩的なことが説明されることはまずありません。

そこでこのページではHTMLやCSSでよく見かける記号の入力方法について、キーボードの画像を用いながら取り上げてみたいと思います。

「普段あまり使わない記号をキーボードで打つ」というだけでもHTML初心者にとってはストレスになると思うので、 このページがお役に立てれば幸いです。

一覧

記号	読み方	位置
<	小なり　レスザン less than
>	大なり　グレーターザン greater than
/	スラッシュ slash
=	イコール・イークォル equal
"	ダブルクオテーション double quotation
:	コロン colon
;	セミコロン semicolon
(	丸カッコひらく・カッコひらく オープン パァレンサシス open parentheses
）	丸カッコとじる・カッコとじる クローズ パァレンサシス close parentheses
{	なみカッコひらく・中カッコひらく オープン ブレェィス open brace
}	なみカッコとじる・中カッコとじる クローズ　ブレェィス close brace
#	ハッシュ・パウンド・ナンバー hash・pound・number
.	ドット dot・full stop
,	カンマ comma
*	アスタリスク・全称記号 asterisk
+	プラス plus

ホームポジション

触ってみるとお分かりになると思いますが、キーボードのFとJにはポツっとした突起があります。

この突起に合わせて指を置くことをホームポジションと言い、Fの上に左手人差し指、Jの上に右手人差し指を置き、残りの指を横に並べます。（左手小指はA、右手小指は;に対応します）

ホームポジションとの位置関係を知っておくと、キーの位置が覚えやすくなると思うので、以下では記号の使いどころと併せて載せておきます。

<　小なり

位置  （シフトを押しながら）
右手中指のホームポジションから一つ下