プログラミング学習に最適な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位Yamamoto様Yah!1100:00:1500:00:262021-09-24 16:46:40
3位テストテスト2000:00:0800:00:282021-11-30 11:14:13
4位Yamamoto様Yah!2200:00:0700:00:292021-04-23 16:36:03
5位ss1600:00:1500:00:312021-03-09 15:31:49
6位MrY.T☢☢☢☢☢☢2800:00:0800:00:362021-07-06 17:02:55
7位Yamamoto様Yah!2900:00:0800:00:372021-04-23 16:22:08
8位シフォンやった-----ファイティン!000:00:4400:00:442020-07-16 10:27:26
9位cdr 400:00:4200:00:462020-06-09 02:32:02
10位ss1500:00:3200:00:472021-03-09 15:24:46
11位ss1500:00:3200:00:472021-03-09 15:31:49
12位シフォンやったファイティン!200:00:4700:00:492020-07-15 14:05:53
13位ゴンべゴン??500:00:4400:00:492021-04-12 02:53:14
14位ソイエバやっとノーミスで1分切れた♪000:00:5300:00:532020-04-17 21:20:29
15位花っち♪かんたんかんたん♪300:00:5100:00:542020-06-03 20:25:33
16位シフォンやったファイティン!000:00:5400:00:542020-07-14 12:41:33
17位シフォンやったファイティン!200:00:5300:00:552020-07-14 12:41:33
18位とっても嬉しい(^^)こころ1000:00:4600:00:562020-05-15 18:45:42
19位シフォンファイティン!300:00:5300:00:562020-07-14 12:32:08
20位フシギソウハ゛ァイ!!ア゛イ゛!ト゛オ゛ォ゛!800:00:4900:00:572021-04-12 03:00:03
21位akat頑張った1500:00:4200:00:572021-04-29 23:19:06
22位ピチューピッチュピッチュー!!!900:00:4900:00:582021-04-12 02:48:18
23位もひこやった3位300:00:5800:01:012020-05-18 14:41:17
24位akat頑張った1600:00:4500:01:012021-04-06 14:11:02
25位l3ickeyhaihaituyoituyoi200:00:5900:01:012022-02-06 17:34:51
26位シフォンファイティン!400:00:5800:01:022020-07-14 12:32:08
27位抹茶★よし!600:00:5800:01:042022-08-21 18:42:20
28位シフォンファイティン!700:00:5700:01:042020-07-14 12:32:08
29位シフォンやったファイティン!1400:00:5000:01:042020-07-15 14:05:53
30位ソイエバ1分切れず……また挑戦します!000:01:0500:01:052020-04-14 00:22:20
31位シフォンファイティン!500:01:0000:01:052020-07-14 12:20:44
32位nsよし500:01:0100:01:062023-04-22 10:34:25
33位ソエイバミスなしでいけました!000:01:0700:01:072020-04-11 15:59:30
34位シフォンファイティン!900:00:5900:01:082020-07-13 15:59:43
35位cdr 1700:00:5200:01:092020-06-09 02:32:02
36位シフォンやったー!ファイティン!100:01:0800:01:092020-07-06 13:29:46
37位ソイエバ1分切れず……また挑戦します!000:01:1000:01:102020-04-14 00:22:20
38位aa000:01:1000:01:102021-02-03 14:59:03
39位ソイエバミスしてしまう…200:01:1000:01:122020-04-11 15:50:05
40位半直線BC大阪600:01:0600:01:122023-01-28 07:21:33
41位aa100:01:1100:01:122021-02-04 16:12:07
42位ソエイバミスをなくそうと注意しながらやりましたがダメでした…500:01:0800:01:132020-04-11 15:46:19
43位OHANA-ERK自己ベストきました★100:01:1200:01:132020-04-11 21:38:46
44位OHANA-ERK超えられない・・・100:01:1200:01:132020-04-11 21:53:58
45位シフォンやったー!ファイティン!200:01:1100:01:132020-07-06 13:29:46
46位aa100:01:1200:01:132021-02-03 16:57:28
47位シフォン10秒!ファイティン!400:01:1000:01:142020-07-02 15:32:22
48位nnnok!!100:01:1300:01:142023-04-06 20:05:32
49位ふう順調に1400:01:0000:01:142022-07-29 12:41:15
50位半直線BCaaaaakakaakaaa700:01:0800:01:152023-01-28 07:12:42
51位指定校推薦むずいわー600:01:0900:01:152020-11-07 09:21:43
52位aa400:01:1100:01:152021-02-03 14:59:03
53位シフォンやったーファイティン!000:01:1700:01:172020-06-30 12:10:28
54位半直線BC0000000010000400:01:1300:01:172023-01-28 07:10:13
55位半直線BC大阪700:01:1000:01:172023-01-28 07:21:33
56位シフォンやったファイティン!1500:01:0200:01:172020-07-14 12:41:33
57位えふめんお邪魔しました300:01:1500:01:182020-04-11 12:33:53
58位ソイエバ楽しいですね~500:01:1300:01:182020-04-11 15:42:23
59位抹茶★よし!1700:01:0100:01:182022-08-21 18:38:30
60位ゆうせい54位でうれしくない700:01:1100:01:182022-11-19 12:46:38
61位会津大生htmlやったことない1000:01:0800:01:182022-07-08 19:53:51
62位OHANA-ERKくやしいです!200:01:1700:01:192020-04-11 21:32:21
63位OHANA-ERKもういっちょぉ300:01:1700:01:202020-04-11 21:34:22
64位OHANA-ERKNO-MISS で正解率100%なのに超えられないむしろ落ちた・・強い強すぎる000:01:2000:01:202020-04-12 00:31:16
65位半直線BCperc.鍵盤しないですよね900:01:1100:01:202023-01-27 16:43:26
66位半直線BC0000000010000600:01:1400:01:202023-01-28 07:10:13
67位抹茶★よし!2300:00:5800:01:212022-08-21 18:40:26
68位シフォンファイティン!300:01:1800:01:212020-06-26 10:44:16
69位シフォンファイティン!2100:01:0000:01:212020-07-14 12:32:08
70位ハンニバルおふ900:01:1200:01:212020-07-26 15:40:36
71位えふめん過去の自分を越えられない。。600:01:1600:01:222020-04-11 19:07:30
72位必須:50文字まで必須:100文字まで1500:01:0700:01:222022-11-19 14:32:27
73位ルカリオ覇道を感じる・・・!1000:01:1200:01:222021-04-12 02:40:48
74位^o^700:01:1500:01:222022-05-07 02:49:26
75位てぃーだわお1000:01:1200:01:222023-12-04 07:51:46
76位OAHNA-ERKえーこれでも1位とれないなんて!200:01:2100:01:232020-04-11 21:28:08
77位haya2htmlのタグの意味がわらないのあった()1000:01:1300:01:232022-11-18 17:50:22
78位きのこあいうえお2500:00:5800:01:232022-12-07 10:21:48
79位ミュウツー私はなぜここにいる・・・1200:01:1100:01:232021-04-12 02:43:08
80位2021/10/292021/10/29500:01:1800:01:232021-10-29 00:26:30
81位シフォンやったー!ファイティン!900:01:1500:01:242020-07-06 13:29:46
82位ハンニバルおふ500:01:1900:01:242020-07-26 15:34:47
83位ハンニバルおふ500:01:1900:01:242020-07-26 15:40:36
84位akat頑張った3200:00:5200:01:242021-04-06 10:41:36
85位ふうfight1400:01:1000:01:242022-07-14 12:24:58
86位nnnok!500:01:2000:01:252023-04-04 15:07:03
87位fuchi管理人テスト送信1200:01:1300:01:252022-05-05 01:21:51
88位必須:50文字まで必須:100文字まで1200:01:1400:01:262022-11-19 14:29:54
89位シフォンファイティン!500:01:2100:01:262020-06-26 10:44:16
90位半直線BCあがったw1100:01:1500:01:262023-01-27 16:31:58
91位fuchi管理人テスト送信1100:01:1500:01:262022-05-05 01:25:14
92位詩伎速さよりも正確に100:01:2700:01:282022-12-31 19:08:41
93位シフォンファイティン!200:01:2600:01:282020-06-23 14:14:25
94位シフォンファイティン!200:01:2600:01:282020-06-24 11:59:06
95位Knitキーボード壊れてるってしんどい1000:01:1900:01:292020-04-21 10:40:56
96位ee難しい・・・400:01:2600:01:302021-02-23 22:42:11
97位UnknownYes!400:01:2600:01:302023-07-08 18:39:46
98位ああかんあかん500:01:2500:01:302021-03-09 15:56:33
99位ミュウツーシャドーボール!1300:01:1700:01:302021-04-12 02:38:27
100位bara1800:01:1200:01:302021-05-16 17:52:10

HTMLとは

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

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

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

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

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

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

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

1,958円 (税込)(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
  • 英単語タイピング中3
  • 和訳タイピング中3
  • 英単語タイピング中2
  • 和訳タイピング中2
ブログ
ノートPCスタンド
chocozap