HTMLタグ タイピングゲーム キーボード必須です
WEB制作に使われるHTML言語のタグが出題されるタイピングゲームです。
ブラインドタッチの練習をしながらWEB制作に欠かせないHTMLが覚えれるという便利なタイピングゲームになっています。
小学生のプログラミング学習の基礎にもオススメのタイピングゲームです!
HTMLタグ タイピングゲーム ルール説明
Startボタンをクリックすると、問題が出題されます。
出題されたタグ(アルファベット)をタイプしたら、タイマーが作動します。(スタートボタンをおしてもタイプしなければ大丈夫)
タイプミス1回につき、ペナルティとして1秒加算します。
かかった時間とペナルティの合計時間によるタイムトライアルでランキングを算出しています。
対応機種
キーボードのない端末ではご利用いただけません。
問題 /問
Start
- TIME
コンプリートタグ一覧 タイプミスしたタグはグレーになります
タイピングスコア
- タイプ数:
- ミス:
- 正確性:%
HTMLタグタイピング ランキング
順位 | お名前 | コメント | ミス | Time | Total Time | 達成日 |
---|---|---|---|---|---|---|
1位 | Y | yaah | 12 | 00:00:10 | 00:00:22 | 2022-12-04 20:31:03 |
2位 | 山本悠真 | 12 | 00:00:14 | 00:00:26 | 2025-01-07 18:49:43 | |
3位 | Yamamoto様 | Yah! | 11 | 00:00:15 | 00:00:26 | 2021-09-24 16:46:40 |
4位 | テスト | テスト | 20 | 00:00:08 | 00:00:28 | 2021-11-30 11:14:13 |
5位 | Yamamoto様 | Yah! | 22 | 00:00:07 | 00:00:29 | 2021-04-23 16:36:03 |
6位 | s | s | 16 | 00:00:15 | 00:00:31 | 2021-03-09 15:31:49 |
7位 | 山本悠真 | 19 | 00:00:15 | 00:00:34 | 2025-01-07 18:48:21 | |
8位 | 山本悠真 | 19 | 00:00:15 | 00:00:34 | 2025-01-07 18:49:43 | |
9位 | 山本悠真 | 将棋棋士になる! | 11 | 00:00:24 | 00:00:35 | 2024-10-28 17:14:45 |
10位 | 山本悠真 | 22 | 00:00:13 | 00:00:35 | 2025-01-07 18:46:41 | |
11位 | MrY.T | ☢☢☢☢☢☢ | 28 | 00:00:08 | 00:00:36 | 2021-07-06 17:02:55 |
12位 | Yamamoto様 | Yah! | 29 | 00:00:08 | 00:00:37 | 2021-04-23 16:22:08 |
13位 | 山本悠真 | 将棋棋士になる! | 4 | 00:00:38 | 00:00:42 | 2024-10-10 08:28:08 |
14位 | 山本悠真 | 将棋棋士になる! | 5 | 00:00:38 | 00:00:43 | 2024-10-10 08:10:50 |
15位 | シフォン | やった-----ファイティン! | 0 | 00:00:44 | 00:00:44 | 2020-07-16 10:27:26 |
16位 | 山本悠真 | 将棋棋士になる! | 6 | 00:00:39 | 00:00:45 | 2024-10-10 08:13:44 |
17位 | cdr | 4 | 00:00:42 | 00:00:46 | 2020-06-09 02:32:02 | |
18位 | s | s | 15 | 00:00:32 | 00:00:47 | 2021-03-09 15:24:46 |
19位 | s | s | 15 | 00:00:32 | 00:00:47 | 2021-03-09 15:31:49 |
20位 | kakakadesu | XDplayer :))) | 5 | 00:00:43 | 00:00:48 | 2024-04-17 16:49:11 |
21位 | シフォン | やったファイティン! | 2 | 00:00:47 | 00:00:49 | 2020-07-15 14:05:53 |
22位 | ゴンべ | ゴン?? | 5 | 00:00:44 | 00:00:49 | 2021-04-12 02:53:14 |
23位 | 山本悠真 | 将棋棋士になる! | 11 | 00:00:39 | 00:00:50 | 2024-10-10 08:25:33 |
24位 | 名倉遼太郎 | 岩重佐喜雄 | 7 | 00:00:44 | 00:00:51 | 2024-10-26 10:20:20 |
25位 | 山城祐介 | 1 | 4 | 00:00:48 | 00:00:52 | 2024-10-26 10:22:30 |
26位 | ソイエバ | やっとノーミスで1分切れた♪ | 0 | 00:00:53 | 00:00:53 | 2020-04-17 21:20:29 |
27位 | 山本悠真 | 暗算初段合格! | 7 | 00:00:47 | 00:00:54 | 2024-10-09 14:05:47 |
28位 | 花っち♪ | かんたんかんたん♪ | 3 | 00:00:51 | 00:00:54 | 2020-06-03 20:25:33 |
29位 | シフォン | やったファイティン! | 0 | 00:00:54 | 00:00:54 | 2020-07-14 12:41:33 |
30位 | 山本悠真 | 将棋棋士になる! | 6 | 00:00:49 | 00:00:55 | 2024-10-09 16:08:04 |
31位 | シフォン | やったファイティン! | 2 | 00:00:53 | 00:00:55 | 2020-07-14 12:41:33 |
32位 | とっても嬉しい(^^) | こころ | 10 | 00:00:46 | 00:00:56 | 2020-05-15 18:45:42 |
33位 | 山本悠真 | 将棋棋士になる! | 13 | 00:00:43 | 00:00:56 | 2024-10-10 08:22:37 |
34位 | 無題 | 無題 | 9 | 00:00:47 | 00:00:56 | 2024-10-26 07:47:29 |
35位 | シフォン | ファイティン! | 3 | 00:00:53 | 00:00:56 | 2020-07-14 12:32:08 |
36位 | 山本悠真 | 将棋棋士になる! | 6 | 00:00:51 | 00:00:57 | 2024-10-09 16:09:54 |
37位 | 山本悠真 | 将棋棋士になる! | 12 | 00:00:45 | 00:00:57 | 2024-10-10 08:27:04 |
38位 | 山本悠真 | 将棋棋士になる! | 12 | 00:00:45 | 00:00:57 | 2024-10-10 08:28:08 |
39位 | フシギソウ | ハ゛ァイ!!ア゛イ゛!ト゛オ゛ォ゛! | 8 | 00:00:49 | 00:00:57 | 2021-04-12 03:00:03 |
40位 | akat | 頑張った | 15 | 00:00:42 | 00:00:57 | 2021-04-29 23:19:06 |
41位 | たんたん | たんたん | 8 | 00:00:50 | 00:00:58 | 2024-10-26 07:45:58 |
42位 | ピチュー | ピッチュピッチュー!!! | 9 | 00:00:49 | 00:00:58 | 2021-04-12 02:48:18 |
43位 | ゴミカス死ね | みんな弱すぎワロタ!!!!!!!!!!!!!!!!!!!!!!!! | 17 | 00:00:42 | 00:00:59 | 2024-10-09 17:31:39 |
44位 | もひこ | やった3位 | 3 | 00:00:58 | 00:01:01 | 2020-05-18 14:41:17 |
45位 | A | A | 13 | 00:00:48 | 00:01:01 | 2024-11-13 17:22:12 |
46位 | akat | 頑張った | 16 | 00:00:45 | 00:01:01 | 2021-04-06 14:11:02 |
47位 | l3ickey | haihaituyoituyoi | 2 | 00:00:59 | 00:01:01 | 2022-02-06 17:34:51 |
48位 | 3 | 3 | 15 | 00:00:47 | 00:01:02 | 2024-10-09 17:45:45 |
49位 | シフォン | ファイティン! | 4 | 00:00:58 | 00:01:02 | 2020-07-14 12:32:08 |
50位 | fuchi管理人 | テスト送信 ま | 12 | 00:00:51 | 00:01:03 | 2024-10-09 13:52:39 |
51位 | 山本悠真 | No3呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪呪 | 12 | 00:00:51 | 00:01:03 | 2024-10-09 13:58:16 |
52位 | FINISH | undefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefinedundefin | 14 | 00:00:49 | 00:01:03 | 2024-10-09 17:38:34 |
53位 | 4 | 4 | 18 | 00:00:45 | 00:01:03 | 2024-10-09 17:49:22 |
54位 | 抹茶★ | よし! | 6 | 00:00:58 | 00:01:04 | 2022-08-21 18:42:20 |
55位 | 2 | 2 | 15 | 00:00:49 | 00:01:04 | 2024-10-09 17:43:53 |
56位 | シフォン | ファイティン! | 7 | 00:00:57 | 00:01:04 | 2020-07-14 12:32:08 |
57位 | シフォン | やったファイティン! | 14 | 00:00:50 | 00:01:04 | 2020-07-15 14:05:53 |
58位 | ソイエバ | 1分切れず……また挑戦します! | 0 | 00:01:05 | 00:01:05 | 2020-04-14 00:22:20 |
59位 | 山本悠真 | No1これから毎回日記をつける!! | 10 | 00:00:55 | 00:01:05 | 2024-10-09 12:47:55 |
60位 | 山本悠真 | No3自習している。 | 14 | 00:00:51 | 00:01:05 | 2024-10-09 14:00:26 |
61位 | シフォン | ファイティン! | 5 | 00:01:00 | 00:01:05 | 2020-07-14 12:20:44 |
62位 | 山本悠真 | 将棋棋士になる! | 13 | 00:00:53 | 00:01:06 | 2024-10-09 11:29:41 |
63位 | しね | しね | 19 | 00:00:47 | 00:01:06 | 2024-10-09 17:33:55 |
64位 | ns | よし | 5 | 00:01:01 | 00:01:06 | 2023-04-22 10:34:25 |
65位 | ソエイバ | ミスなしでいけました! | 0 | 00:01:07 | 00:01:07 | 2020-04-11 15:59:30 |
66位 | 1 | 1 | 18 | 00:00:49 | 00:01:07 | 2024-10-09 17:40:24 |
67位 | 山本悠真 | 将棋棋士になる! | 21 | 00:00:47 | 00:01:08 | 2024-10-09 16:17:55 |
68位 | シフォン | ファイティン! | 9 | 00:00:59 | 00:01:08 | 2020-07-13 15:59:43 |
69位 | あっふぁふぁ | あ | 17 | 00:00:51 | 00:01:08 | 2024-03-24 19:36:52 |
70位 | 1 | 111 | 18 | 00:00:51 | 00:01:09 | 2024-10-09 14:02:23 |
71位 | 2 | 2 | 18 | 00:00:51 | 00:01:09 | 2024-10-09 17:43:53 |
72位 | cdr | 17 | 00:00:52 | 00:01:09 | 2020-06-09 02:32:02 | |
73位 | シフォン | やったー!ファイティン! | 1 | 00:01:08 | 00:01:09 | 2020-07-06 13:29:46 |
74位 | ソイエバ | 1分切れず……また挑戦します! | 0 | 00:01:10 | 00:01:10 | 2020-04-14 00:22:20 |
75位 | 山本悠真 | No2学校で給食中食べ終わった人が多い | 16 | 00:00:54 | 00:01:10 | 2024-10-09 12:50:14 |
76位 | a | a | 0 | 00:01:10 | 00:01:10 | 2021-02-03 14:59:03 |
77位 | 山本悠真 | 将棋棋士になる! | 14 | 00:00:57 | 00:01:11 | 2024-10-09 10:39:15 |
78位 | FINISH | 93% | 21 | 00:00:50 | 00:01:11 | 2024-11-15 11:42:13 |
79位 | ソイエバ | ミスしてしまう… | 2 | 00:01:10 | 00:01:12 | 2020-04-11 15:50:05 |
80位 | 山本悠真 | 暗算初段合格! | 17 | 00:00:55 | 00:01:12 | 2024-10-09 16:05:02 |
81位 | 半直線BC | 大阪 | 6 | 00:01:06 | 00:01:12 | 2023-01-28 07:21:33 |
82位 | a | a | 1 | 00:01:11 | 00:01:12 | 2021-02-04 16:12:07 |
83位 | ソエイバ | ミスをなくそうと注意しながらやりましたがダメでした… | 5 | 00:01:08 | 00:01:13 | 2020-04-11 15:46:19 |
84位 | 小宅小学校5-1 | 35 | 16 | 00:00:57 | 00:01:13 | 2024-10-09 10:26:23 |
85位 | OHANA-ERK | 自己ベストきました★ | 1 | 00:01:12 | 00:01:13 | 2020-04-11 21:38:46 |
86位 | OHANA-ERK | 超えられない・・・ | 1 | 00:01:12 | 00:01:13 | 2020-04-11 21:53:58 |
87位 | シフォン | やったー!ファイティン! | 2 | 00:01:11 | 00:01:13 | 2020-07-06 13:29:46 |
88位 | a | a | 1 | 00:01:12 | 00:01:13 | 2021-02-03 16:57:28 |
89位 | シフォン | 10秒!ファイティン! | 4 | 00:01:10 | 00:01:14 | 2020-07-02 15:32:22 |
90位 | nnn | ok!! | 1 | 00:01:13 | 00:01:14 | 2023-04-06 20:05:32 |
91位 | ふう | 順調に | 14 | 00:01:00 | 00:01:14 | 2022-07-29 12:41:15 |
92位 | あっふぁふぁ | あ | 21 | 00:00:53 | 00:01:14 | 2024-03-24 19:36:52 |
93位 | 半直線BC | aaaaakakaakaaa | 7 | 00:01:08 | 00:01:15 | 2023-01-28 07:12:42 |
94位 | 指定校推薦 | むずいわー | 6 | 00:01:09 | 00:01:15 | 2020-11-07 09:21:43 |
95位 | a | a | 4 | 00:01:11 | 00:01:15 | 2021-02-03 14:59:03 |
96位 | プロスピ | A | 24 | 00:00:52 | 00:01:16 | 2024-10-09 17:36:00 |
97位 | タイピングスコアタイプ数:276 ミス:17 | 正確性:94% | 17 | 00:01:00 | 00:01:17 | 2024-10-09 10:30:51 |
98位 | あ | あ | 20 | 00:00:57 | 00:01:17 | 2024-10-09 13:55:26 |
99位 | シフォン | やったーファイティン! | 0 | 00:01:17 | 00:01:17 | 2020-06-30 12:10:28 |
100位 | 半直線BC | 0000000010000 | 4 | 00:01:13 | 00:01:17 | 2023-01-28 07:10:13 |
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ページは制作可能です。