プログラミング学習に最適なHTMLタグが出題されるタイピングゲーム

プログラミング学習に最適なHTMLタグが出題されるタイピングゲーム

HTMLのタグが出題されるタイピングゲーム

#164 HTMLタグタイピング

タイピングゲーム

小学生のプログラミング学習にオススメのWEB制作に欠かせないHTMLタグが出題されるタイピングゲームです。 ブラインドタッチの練習とWEBプログラミング学習に役立つHTMLコードが出題されるので、遊んでいるうちにタイピングとHTMLを覚えられます!

公開日:
最終更新日:

サイトマップサイトマップ

HTMLタグ タイピングゲーム キーボード必須です

WEB制作に使われるHTML言語のタグが出題されるタイピングゲームです。
ブラインドタッチの練習をしながらWEB制作に欠かせないHTMLが覚えれるという便利なタイピングゲームになっています。

小学生のプログラミング学習の基礎にもオススメのタイピングゲームです!

HTMLタグ タイピングゲーム ルール説明

Startボタンをクリックすると、問題が出題されます。
出題されたタグ(アルファベット)をタイプしたら、タイマーが作動します。(スタートボタンをおしてもタイプしなければ大丈夫)

タイプミス1回につき、ペナルティとして1秒加算します。

かかった時間とペナルティの合計時間によるタイムトライアルでランキングを算出しています。

対応機種

キーボードのない端末ではご利用いただけません。

問題 /

Start
  • MISS:
  • TIME:
  • SCORE:
  • RANK:
  • お名前:
  • コメント:

コンプリートタグ一覧 タイプミスしたタグはグレーになります

タイピングスコア

  • タイプ数:
  • ミス:
  • 正確性:%

HTMLタグタイピング ランキング

順位お名前コメントミスTimeTotal Time達成日
1位Yyaah1200:00:1000:00:222022-12-04 20:31:03
2位山本悠真 1200:00:1400:00:262025-01-07 18:49:43
3位Yamamoto様Yah!1100:00:1500:00:262021-09-24 16:46:40
4位テストテスト2000:00:0800:00:282021-11-30 11:14:13
5位Yamamoto様Yah!2200:00:0700:00:292021-04-23 16:36:03
6位ss1600:00:1500:00:312021-03-09 15:31:49
7位山本悠真 1900:00:1500:00:342025-01-07 18:48:21
8位山本悠真 1900:00:1500:00:342025-01-07 18:49:43
9位山本悠真将棋棋士になる!1100:00:2400:00:352024-10-28 17:14:45
10位山本悠真 2200:00:1300:00:352025-01-07 18:46:41
11位MrY.T☢☢☢☢☢☢2800:00:0800:00:362021-07-06 17:02:55
12位Yamamoto様Yah!2900:00:0800:00:372021-04-23 16:22:08
13位山本悠真将棋棋士になる!400:00:3800:00:422024-10-10 08:28:08
14位山本悠真将棋棋士になる!500:00:3800:00:432024-10-10 08:10:50
15位シフォンやった-----ファイティン!000:00:4400:00:442020-07-16 10:27:26
16位山本悠真将棋棋士になる!600:00:3900:00:452024-10-10 08:13:44
17位cdr 400:00:4200:00:462020-06-09 02:32:02
18位ss1500:00:3200:00:472021-03-09 15:24:46
19位ss1500:00:3200:00:472021-03-09 15:31:49
20位kakakadesuXDplayer :)))500:00:4300:00:482024-04-17 16:49:11
21位シフォンやったファイティン!200:00:4700:00:492020-07-15 14:05:53
22位ゴンべゴン??500:00:4400:00:492021-04-12 02:53:14
23位山本悠真将棋棋士になる!1100:00:3900:00:502024-10-10 08:25:33
24位名倉遼太郎岩重佐喜雄700:00:4400:00:512024-10-26 10:20:20
25位山城祐介1400:00:4800:00:522024-10-26 10:22:30
26位ソイエバやっとノーミスで1分切れた♪000:00:5300:00:532020-04-17 21:20:29
27位山本悠真暗算初段合格!700:00:4700:00:542024-10-09 14:05:47
28位花っち♪かんたんかんたん♪300:00:5100:00:542020-06-03 20:25:33
29位シフォンやったファイティン!000:00:5400:00:542020-07-14 12:41:33
30位山本悠真将棋棋士になる!600:00:4900:00:552024-10-09 16:08:04
31位シフォンやったファイティン!200:00:5300:00:552020-07-14 12:41:33
32位とっても嬉しい(^^)こころ1000:00:4600:00:562020-05-15 18:45:42
33位山本悠真将棋棋士になる!1300:00:4300:00:562024-10-10 08:22:37
34位無題無題900:00:4700:00:562024-10-26 07:47:29
35位シフォンファイティン!300:00:5300:00:562020-07-14 12:32:08
36位山本悠真将棋棋士になる!600:00:5100:00:572024-10-09 16:09:54
37位山本悠真将棋棋士になる!1200:00:4500:00:572024-10-10 08:27:04
38位山本悠真将棋棋士になる!1200:00:4500:00:572024-10-10 08:28:08
39位フシギソウハ゛ァイ!!ア゛イ゛!ト゛オ゛ォ゛!800:00:4900:00:572021-04-12 03:00:03
40位akat頑張った1500:00:4200:00:572021-04-29 23:19:06
41位たんたんたんたん800:00:5000:00:582024-10-26 07:45:58
42位ピチューピッチュピッチュー!!!900:00:4900:00:582021-04-12 02:48:18
43位ゴミカス死ねみんな弱すぎワロタ!!!!!!!!!!!!!!!!!!!!!!!!1700:00:4200:00:592024-10-09 17:31:39
44位もひこやった3位300:00:5800:01:012020-05-18 14:41:17
45位AA1300:00:4800:01:012024-11-13 17:22:12
46位akat頑張った1600:00:4500:01:012021-04-06 14:11:02
47位l3ickeyhaihaituyoituyoi200:00:5900:01:012022-02-06 17:34:51
48位31500:00:4700:01:022024-10-09 17:45:45
49位シフォンファイティン!400:00:5800:01:022020-07-14 12:32:08
50位fuchi管理人テスト送信 ま1200:00:5100:01:032024-10-09 13:52:39
51位山本悠真No3呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪1200:00:5100:01:032024-10-09 13:58:16
52位FINISHundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefin1400:00:4900:01:032024-10-09 17:38:34
53位441800:00:4500:01:032024-10-09 17:49:22
54位抹茶★よし!600:00:5800:01:042022-08-21 18:42:20
55位221500:00:4900:01:042024-10-09 17:43:53
56位シフォンファイティン!700:00:5700:01:042020-07-14 12:32:08
57位シフォンやったファイティン!1400:00:5000:01:042020-07-15 14:05:53
58位ソイエバ1分切れず……また挑戦します!000:01:0500:01:052020-04-14 00:22:20
59位山本悠真No1これから毎回日記をつける!!1000:00:5500:01:052024-10-09 12:47:55
60位山本悠真No3自習している。1400:00:5100:01:052024-10-09 14:00:26
61位シフォンファイティン!500:01:0000:01:052020-07-14 12:20:44
62位山本悠真将棋棋士になる!1300:00:5300:01:062024-10-09 11:29:41
63位しねしね1900:00:4700:01:062024-10-09 17:33:55
64位nsよし500:01:0100:01:062023-04-22 10:34:25
65位ソエイバミスなしでいけました!000:01:0700:01:072020-04-11 15:59:30
66位1800:00:4900:01:072024-10-09 17:40:24
67位山本悠真将棋棋士になる!2100:00:4700:01:082024-10-09 16:17:55
68位シフォンファイティン!900:00:5900:01:082020-07-13 15:59:43
69位あっふぁふぁ1700:00:5100:01:082024-03-24 19:36:52
70位1111800:00:5100:01:092024-10-09 14:02:23
71位221800:00:5100:01:092024-10-09 17:43:53
72位cdr 1700:00:5200:01:092020-06-09 02:32:02
73位シフォンやったー!ファイティン!100:01:0800:01:092020-07-06 13:29:46
74位ソイエバ1分切れず……また挑戦します!000:01:1000:01:102020-04-14 00:22:20
75位山本悠真No2学校で給食中食べ終わった人が多い1600:00:5400:01:102024-10-09 12:50:14
76位aa000:01:1000:01:102021-02-03 14:59:03
77位山本悠真将棋棋士になる!1400:00:5700:01:112024-10-09 10:39:15
78位FINISH93%2100:00:5000:01:112024-11-15 11:42:13
79位ソイエバミスしてしまう…200:01:1000:01:122020-04-11 15:50:05
80位山本悠真暗算初段合格!1700:00:5500:01:122024-10-09 16:05:02
81位半直線BC大阪600:01:0600:01:122023-01-28 07:21:33
82位aa100:01:1100:01:122021-02-04 16:12:07
83位ソエイバミスをなくそうと注意しながらやりましたがダメでした…500:01:0800:01:132020-04-11 15:46:19
84位小宅小学校5-1351600:00:5700:01:132024-10-09 10:26:23
85位OHANA-ERK自己ベストきました★100:01:1200:01:132020-04-11 21:38:46
86位OHANA-ERK超えられない・・・100:01:1200:01:132020-04-11 21:53:58
87位シフォンやったー!ファイティン!200:01:1100:01:132020-07-06 13:29:46
88位aa100:01:1200:01:132021-02-03 16:57:28
89位シフォン10秒!ファイティン!400:01:1000:01:142020-07-02 15:32:22
90位nnnok!!100:01:1300:01:142023-04-06 20:05:32
91位ふう順調に1400:01:0000:01:142022-07-29 12:41:15
92位あっふぁふぁ2100:00:5300:01:142024-03-24 19:36:52
93位半直線BCaaaaakakaakaaa700:01:0800:01:152023-01-28 07:12:42
94位指定校推薦むずいわー600:01:0900:01:152020-11-07 09:21:43
95位aa400:01:1100:01:152021-02-03 14:59:03
96位プロスピA2400:00:5200:01:162024-10-09 17:36:00
97位タイピングスコアタイプ数:276 ミス:17正確性:94%1700:01:0000:01:172024-10-09 10:30:51
98位2000:00:5700:01:172024-10-09 13:55:26
99位シフォンやったーファイティン!000:01:1700:01:172020-06-30 12:10:28
100位半直線BC0000000010000400:01:1300:01:172023-01-28 07:10:13

HTMLとは

HTMLとはHyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の略で、ホームページ・WEBサイトを作るときに使用する言語です。
プログラミング言語と呼んでいいのか悪いのかは、人によるところです。

WEB制作を行う人にとっては、避けて通れない基礎的な知識になります。

出題されるタグの意味 解説

主観に満ち満ちたタグの解説を表記いたします。
詳しい解説やちゃんとした意味を知りたい方は、HTMLクイックリファレンスさんのサイトがオススメです。

HTML タグ辞典というタグの種類と意味が掲載されている書籍もオススメです。

今すぐ使えるかんたんPLUS+ HTML5&CSS3 完全大事典 (今すぐ使えるかんたんPLUSシリーズ)

今すぐ使えるかんたんPLUS+ HTML5&CSS3 完全大事典 (今すぐ使えるかんたんPLUSシリーズ) #322

1,740円 (税込)(Amazon参考価格)

オンラインの情報は無料でありがたいけど、読みたいときに読める書籍の方が勉強するときには便利だと思います。
目的以外の情報も取得できるので。

基本を示すタグ

htmlこれはHTMLで書かれたページですよ!という宣言
headここに書かれた内容は基本的にページには表示されないけど、タイトルとかCSSの読み込みとかページを作る準備段階のものを読み込んだりする
bodybodyより下に書かれた内容がブラウザに表示されるエリアになる
metaサイトの情報を書いたり、サーチエンジンに渡す情報を書いたりするところ
titleサイトのタイトルを書く!SEO上重要な項目となっています
baseサイト内のリンクの起点となるURLを書く。あんまり使われることはないけど、覚えておくと便利なタグ

cssを示すタグ

styleスタイルシートをHTML内に直接書き込むときに、これはCSSです、とブラウザにわからせるためのタグ

リンクを示すタグ

a別サイトへリンクを張るときに使うタグ

指定を示すタグ

address連絡先などを記述するときに使うタグ。住所以外でもOK。あまり使われない

図を示すタグ

figure画像表示エリアですよ、と明示するタグ。HTML5から新登場
figcaption画像に対するキャプション(説明)を書く。HTML5から新登場
img画像ファイルを読み込むときに使うタグ
map画像ファイルに複数のリンクを設定するときに使うタグ。設定がややこしいのであまり使いたくない
areamapで囲ったエリアの中でリンクを設定するときに使う。ややこしいから使いたくない
canvas図や図形を表示させるエリア。キャンバス。めちゃくちゃ奥が深い。ジャバスクリプトと組み合わせてグラフを表示するときによく使う

表を示すタグ

table表を作る宣言をするタグ
tr表の中の改行をあらわすタグ
td表のセルを示すタグ
th表のセルでかつ見出しとして使うタグ
thead表のヘッダーを定義するタグ。thと組み合わせ使うのが基本
tbody表の中身を示すタグ
tfoot表のフッターを示すタグ

フォームを示すタグ

textareaフォーム送信の際に長文を送ってもらう時に使う入力ボックス
formフォーム送信を行うためのタグ
inputフォーム送信の送信方法を定義するタグ。radioやcheckboxという属性を指定して使う
select縦に並べた選択肢を使う時に使うタグ
buttonフォームの送信用ボタンを作るタグ。フォーム以外でも使用可能
labelフォームの要素のタグとテキストを関連付けるときによく使うタグ

文章構造を示すタグ

h文章構造の見出しを指定するタグ。h1~h6まで見出しレベルに合わせて使う
p文章の段落を意味するタグ。paragraphの意
br改行をさせるタグ
hr横罫線を引く
strongこちらも文章の強調表示になるが、SEO的にも強調の意味になる
emテキストを強調表示するときに使う
small文字を縮小するタグ。個人的にhタグの中でよく使う
blockquote引用であることを明示するためのタグ
cite名称や書籍名などの短い引用を示すタグ。Citationの略
rubyルビを振るためのタグ。漢字以外でも使用可能
rtルビを振るタグで、振るルビ(読み方)を指定するタグ
rpルビを振るタグで、カッコなどを指定するタグ
sup上付きの小文字として表示するタグ。二乗とかそういうときに使う
sub下付きの小文字として表示するタグ。H2Oの2を表示するときとかに使う
preHTMLの中でタグを打つとレンダリングされてしまうので、HTMLのコード例を載せるときなどに使うと、タグのまま表示してくれる
codeプログラムコードであることを明示するタグ
span意味をもたないタグ。意味がないことに意義があって、部分的に装飾したいときや、JQueryで何かを代入するときなどに使う

読み込みを示すタグ

link主にCSSを読み込むときに使うタグ
script主にHTMLでJavaScript(Jquery含む)を使用するときに使うタグ
noscriptscriptタグが読み込めないときに代替表示させる内容を書くタグ

リストを示すタグ

olリストタグで順番の意味を持っているときに使うタグ。ordered listの略
ulリストタグで順番とか関係ないリストを作るときに使うタグ。Unordered Listの略
liリストの内容を記入するタグ。olでもulでもこれを使う
dl定義リストを明示するタグ。dtとddとセットで使う
dt定義リストの定義語を明示するタグ
dd定義リストの定義語の説明を記入するタグ

レイアウトを示すタグ

main文章のメインコンテンツを表すタグ
article内容が単体で完結するセクションを示すタグ
sectionセクションを示すタグ
aside余談や補足情報などを明示するタグ
div意味を持たないレイアウト用のタグ。汎用性が高く何かあったらdivが良く使われる。但し乱用して使いすぎると素人と言われる
navナビゲーションを明示するレイアウトタグ
headerヘッダーを明示するタグ。headタグとは意味が全然違うので注意
footerフッターを明示するタグ

ここに掲載していないタグもありますが、非推奨だったり、廃止予定のタグ、などは省いています。
出題されるタグを覚えれば、大抵のWEBページは制作可能です。

HTMLタグタイピング 関連ページ

  • 英単語タイピング中1
  • 和訳タイピング中1
  • 和訳タイピング中2
  • 英単語タイピング中3
  • 英単語タイピング中2
  • 和訳タイピング中3
ブログ
チョコザップ体験談
HIHO FINE BUBBLE+