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

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

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

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

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

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

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

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

対応機種

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

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

順位	お名前	コメント	ミス	Time	Total Time	達成日
1位	s	s	16	00:00:15	00:00:31	2021-03-09 15:31:49
2位	シフォン	やった-----ファイティン！	0	00:00:44	00:00:44	2020-07-16 10:27:26
3位	cdr		4	00:00:42	00:00:46	2020-06-09 02:32:02
4位	s	s	15	00:00:32	00:00:47	2021-03-09 15:24:46
5位	s	s	15	00:00:32	00:00:47	2021-03-09 15:31:49
6位	シフォン	やったファイティン！	2	00:00:47	00:00:49	2020-07-15 14:05:53
7位	ゴンべ	ゴン？？	5	00:00:44	00:00:49	2021-04-12 02:53:14
8位	ソイエバ	やっとノーミスで1分切れた♪	0	00:00:53	00:00:53	2020-04-17 21:20:29
9位	花っち♪	かんたんかんたん♪	3	00:00:51	00:00:54	2020-06-03 20:25:33
10位	シフォン	やったファイティン！	0	00:00:54	00:00:54	2020-07-14 12:41:33
11位	シフォン	やったファイティン！	2	00:00:53	00:00:55	2020-07-14 12:41:33
12位	大リビア・アラブ社会主義人民ジャマーヒリーヤ国のマサラタウンの後にポケモンマスターになるサトシ	しんど	10	00:00:45	00:00:55	2021-04-12 03:19:02
13位	とっても嬉しい(^^)	こころ	10	00:00:46	00:00:56	2020-05-15 18:45:42
14位	シフォン	ファイティン！	3	00:00:53	00:00:56	2020-07-14 12:32:08
15位	フシギソウ	ハ゛ァイ！！ア゛イ゛！ト゛オ゛ォ゛！	8	00:00:49	00:00:57	2021-04-12 03:00:03
16位	ピチュー	ピッチュピッチュー！！！	9	00:00:49	00:00:58	2021-04-12 02:48:18
17位	もひこ	やった3位	3	00:00:58	00:01:01	2020-05-18 14:41:17
18位	akat	頑張った	16	00:00:45	00:01:01	2021-04-06 14:11:02
19位	シフォン	ファイティン！	4	00:00:58	00:01:02	2020-07-14 12:32:08
20位	シフォン	ファイティン！	7	00:00:57	00:01:04	2020-07-14 12:32:08
21位	シフォン	やったファイティン！	14	00:00:50	00:01:04	2020-07-15 14:05:53
22位	ソイエバ	１分切れず……また挑戦します！	0	00:01:05	00:01:05	2020-04-14 00:22:20
23位	シフォン	ファイティン！	5	00:01:00	00:01:05	2020-07-14 12:20:44
24位	ソエイバ	ミスなしでいけました！	0	00:01:07	00:01:07	2020-04-11 15:59:30
25位	シフォン	ファイティン！	9	00:00:59	00:01:08	2020-07-13 15:59:43
26位	マサラタウンのサトシ	俺はマサラタウンのサトシ！夢はポケモンマスターになること！そして、こいつは相棒のピカチュウだ！（ﾋﾟｯｶｧ！）たけし「そこのきれいなおねぇさーん！」お姉さん「は、はい？」タケシ「私とポケモンバトルをし	19	00:00:49	00:01:08	2021-04-12 03:13:33
27位	cdr		17	00:00:52	00:01:09	2020-06-09 02:32:02
28位	シフォン	やったー！ファイティン！	1	00:01:08	00:01:09	2020-07-06 13:29:46
29位	ソイエバ	１分切れず……また挑戦します！	0	00:01:10	00:01:10	2020-04-14 00:22:20
30位	a	a	0	00:01:10	00:01:10	2021-02-03 14:59:03
31位	ソイエバ	ミスしてしまう…	2	00:01:10	00:01:12	2020-04-11 15:50:05
32位	a	a	1	00:01:11	00:01:12	2021-02-04 16:12:07
33位	ソエイバ	ミスをなくそうと注意しながらやりましたがダメでした…	5	00:01:08	00:01:13	2020-04-11 15:46:19
34位	OHANA-ERK	自己ベストきました★	1	00:01:12	00:01:13	2020-04-11 21:38:46
35位	OHANA-ERK	超えられない・・・	1	00:01:12	00:01:13	2020-04-11 21:53:58
36位	シフォン	やったー！ファイティン！	2	00:01:11	00:01:13	2020-07-06 13:29:46
37位	a	a	1	00:01:12	00:01:13	2021-02-03 16:57:28
38位	シフォン	10秒！ファイティン！	4	00:01:10	00:01:14	2020-07-02 15:32:22
39位	指定校推薦	むずいわー	6	00:01:09	00:01:15	2020-11-07 09:21:43
40位	a	a	4	00:01:11	00:01:15	2021-02-03 14:59:03
41位	シフォン	やったーファイティン！	0	00:01:17	00:01:17	2020-06-30 12:10:28
42位	シフォン	やったファイティン！	15	00:01:02	00:01:17	2020-07-14 12:41:33
43位	えふめん	お邪魔しました	3	00:01:15	00:01:18	2020-04-11 12:33:53
44位	ソイエバ	楽しいですね～	5	00:01:13	00:01:18	2020-04-11 15:42:23
45位	OHANA-ERK	くやしいです！	2	00:01:17	00:01:19	2020-04-11 21:32:21
46位	OHANA-ERK	もういっちょぉ	3	00:01:17	00:01:20	2020-04-11 21:34:22
47位	OHANA-ERK	NO-MISS で正解率１００％なのに超えられないむしろ落ちた・・強い強すぎる	0	00:01:20	00:01:20	2020-04-12 00:31:16
48位	シフォン	ファイティン！	3	00:01:18	00:01:21	2020-06-26 10:44:16
49位	シフォン	ファイティン！	21	00:01:00	00:01:21	2020-07-14 12:32:08
50位	ハンニバル	おふ	9	00:01:12	00:01:21	2020-07-26 15:40:36
51位	えふめん	過去の自分を越えられない。。	6	00:01:16	00:01:22	2020-04-11 19:07:30
52位	ルカリオ	覇道を感じる・・・！	10	00:01:12	00:01:22	2021-04-12 02:40:48
53位	OAHNA-ERK	えーこれでも1位とれないなんて！	2	00:01:21	00:01:23	2020-04-11 21:28:08
54位	ミュウツー	私はなぜここにいる・・・	12	00:01:11	00:01:23	2021-04-12 02:43:08
55位	シフォン	やったー！ファイティン！	9	00:01:15	00:01:24	2020-07-06 13:29:46
56位	ハンニバル	おふ	5	00:01:19	00:01:24	2020-07-26 15:34:47
57位	ハンニバル	おふ	5	00:01:19	00:01:24	2020-07-26 15:40:36
58位	akat	頑張った	32	00:00:52	00:01:24	2021-04-06 10:41:36
59位	シフォン	ファイティン！	5	00:01:21	00:01:26	2020-06-26 10:44:16
60位	シフォン	ファイティン！	2	00:01:26	00:01:28	2020-06-23 14:14:25
61位	シフォン	ファイティン！	2	00:01:26	00:01:28	2020-06-24 11:59:06
62位	Knit	キーボード壊れてるってしんどい	10	00:01:19	00:01:29	2020-04-21 10:40:56
63位	ee	難しい・・・	4	00:01:26	00:01:30	2021-02-23 22:42:11
64位	ああかん	あかん	5	00:01:25	00:01:30	2021-03-09 15:56:33
65位	ミュウツー	シャドーボール！	13	00:01:17	00:01:30	2021-04-12 02:38:27
66位	シフォン	ファイティン！	5	00:01:26	00:01:31	2020-06-22 11:26:48
67位	あかん	あかん	9	00:01:22	00:01:31	2021-03-09 15:54:31
68位	fuchi@管理人	テストプレイ	4	00:01:28	00:01:32	2020-04-10 13:20:02
69位	シフォン	ファイティン！	3	00:01:29	00:01:32	2020-06-19 10:37:52
70位	シフォン	ファイティン！	5	00:01:27	00:01:32	2020-06-23 14:14:25
71位	silk5035	try 4	5	00:01:28	00:01:33	2020-05-18 14:37:31
72位	シフォン	ファイティン！	2	00:01:32	00:01:34	2020-06-16 13:13:26
73位	シフォン	ファイティン！	6	00:01:31	00:01:37	2020-06-23 14:14:25
74位	シフォン	ファイティン！	1	00:01:39	00:01:40	2020-06-15 13:00:56
75位	シフォン	ファイティン！	5	00:01:35	00:01:40	2020-06-16 13:13:26
76位	OAHNA-ERK	えーこれでも1位とれないなんて！	9	00:01:33	00:01:42	2020-04-11 21:28:08
77位	kana	muzu----	6	00:01:36	00:01:42	2021-02-27 21:05:37
78位	シフォン	ファイティン！	1	00:01:42	00:01:43	2020-06-16 12:46:53
79位	あかん	あかん	13	00:01:30	00:01:43	2021-03-09 15:54:31
80位	ee	難しい・・・	8	00:01:37	00:01:45	2021-02-23 22:42:11
81位	シフォン	ファイティン！	4	00:01:43	00:01:47	2020-06-11 21:14:13
82位	シフォン	ファイティン！	6	00:01:41	00:01:47	2020-06-16 13:13:26
83位	kana	どうでもいいけどキャッシュ消してほしい	9	00:01:38	00:01:47	2021-02-25 16:48:24
84位	kk	kk	6	00:01:41	00:01:47	2021-04-07 14:40:02
85位	fuchi@管理人	まだ本気だしてないし	14	00:01:34	00:01:48	2020-04-10 13:31:27
86位	シフォン	ファイティン！	2	00:01:46	00:01:48	2020-06-10 10:50:48
87位	kana	muzu----	10	00:01:39	00:01:49	2021-02-27 21:05:37
88位	nish	yay	20	00:01:30	00:01:50	2021-03-09 21:52:52
89位	silk5053	2 times try	10	00:01:41	00:01:51	2020-05-16 14:38:03
90位	シフォン	ファイティン！	5	00:01:46	00:01:51	2020-06-15 13:00:57
91位	シフォン	ファイティン！	11	00:01:40	00:01:51	2020-06-16 12:46:53
92位	ハンニバル	おふ	25	00:01:27	00:01:52	2020-07-26 15:34:47
93位	ハンニバル	おふ	25	00:01:27	00:01:52	2020-07-26 15:40:36
94位	シフォン	ファイティン！	10	00:01:43	00:01:53	2020-06-16 12:46:53
95位	ハンニバル	おふ	21	00:01:32	00:01:53	2020-07-26 15:34:46
96位	ハンニバル	おふ	21	00:01:32	00:01:53	2020-07-26 15:40:36
97位	ee	難しい・・・	19	00:01:36	00:01:55	2021-02-23 22:42:11
98位	シフォン	ファイティン！	4	00:01:52	00:01:56	2020-06-10 10:50:48
99位	ゆうき	( *´艸｀)	21	00:01:37	00:01:58	2021-03-06 21:11:16
100位	ee	難しい・・・	22	00:01:37	00:01:59	2021-02-23 22:42:11

HTMLとは

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

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

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

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

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

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

基本を示すタグ

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

cssを示すタグ

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

リンクを示すタグ

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

指定を示すタグ

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

図を示すタグ

figure	画像表示エリアですよ、と明示するタグ。HTML5から新登場
figcaption	画像に対するキャプション(説明)を書く。HTML5から新登場
img	画像ファイルを読み込むときに使うタグ
map	画像ファイルに複数のリンクを設定するときに使うタグ。設定がややこしいのであまり使いたくない
area	mapで囲ったエリアの中でリンクを設定するときに使う。ややこしいから使いたくない
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を表示するときとかに使う
pre	HTMLの中でタグを打つとレンダリングされてしまうので、HTMLのコード例を載せるときなどに使うと、タグのまま表示してくれる
code	プログラムコードであることを明示するタグ
span	意味をもたないタグ。意味がないことに意義があって、部分的に装飾したいときや、JQueryで何かを代入するときなどに使う

読み込みを示すタグ

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

リストを示すタグ

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ページは制作可能です。