HTML5を手で覚えるタイピング（タグ編）

背景
投稿者投稿者tossy  いいね3  お気に入り登録
プレイ回数5158  難易度(4.5) 311打 長文
タグタイピング練習 HTML コーディング デザイナー 練習
タイピングのついでにHTML5の練習もしちゃいましょう。
webデザイナー向けにタイピング練習と同時にHTML5のタグ打ちもできるものを作ってみました。
現場でよく使う基本のタグを中心に作成しています。

関連タイピング

関連タイピング一覧

問題文

ふりがな非表示 ふりがな表示

(＜ｈｅａｄｅｒ＞＜／ｈｅａｄｅｒ＞)

<header></header>

(＜ｎａｖ＞＜／ｎａｖ＞)

<nav></nav>

(＜ｕｌ＞＜ｌｉ＞＜／ｌｉ＞＜／ｕｌ＞)

<ul><li></li></ul>

(＜ｓｅｃｔｉｏｎ＞＜／ｓｅｃｔｉｏｎ＞)

<section></section>

(＜ｄｉｖ　ｃｌａｓｓ＝”ｈｏｇｅ”＞＜／ｄｉｖ＞)

<div class="hoge"></div>

(＜ｄｉｖ　ｉｄ＝”ｆｕｇａ”＞＜／ｄｉｖ＞)

<div id="fuga"></div>

(＜ｉｍｇ　ｓｒｃ＝”ｉｍｇ／ｈｏｇｅ．ｊｐｇ”　ａｌｔ＝”ほげ”＞)

<img src="img/hoge.jpg" alt="ほげ">

(＜ｏｌ＞＜ｌｉ＞＜／ｌｉ＞＜ｌｉ＞＜／ｌｉ＞＜／ｏｌ＞)

<ol><li></li></ol>

(＜ｍａｉｎ＞＜／ｍａｉｎ＞)

<main></main>

(＜ｓｃｒｉｐｔ　ｓｒｃ＝”ｈｏｇｅ．ｊｓ”＞＜／ｓｃｒｉｐｔ＞)

<script src="hoge.js"></script>

(＜ｆｏｏｔｅｒ＞＜／ｆｏｏｔｅｒ＞)

<footer></footer>

(＜ｓｍａｌｌ＞＜／ｓｍａｌｌ＞)

<small></small>

(＜ｐ＞＜／ｐ＞)

<p></p>

(＜ａ　ｈｒｅｆ＝”ｈｏｇｅ／ｆｕｇａ．ｈｔｍｌ”＞＜／ａ＞)

<a href="hoge/fuga.html"></a>

(＜ｄｌ＞＜ｄｔ＞＜／ｄｔ＞＜ｄｄ＞＜／ｄｄ＞＜／ｄｌ＞)

<dl><dt></dt><dd></dd></dl>