html5+ CSS3
初級
練習用です。けっこう面倒いかも。
関連タイピング
-
一位と最下位が勝ちです。
プレイ回数6.9万 長文230打 -
夜の踊り子サビです
プレイ回数947 歌詞かな165打 -
簡単ですよ〜
プレイ回数652 短文15打 -
とにかく連打ぁぁぁぁぁぁぁぁぁぁ！
プレイ回数12万 長文1432打 -
処刑拍手のサビだけタイプ！！
プレイ回数293 歌詞かな123打 -
簡単ですよ「面白い」
プレイ回数279 数字10打 -
プレイ回数162 短文6打 -
５分間の速度部門の模擬試験です。打つ速度で級が決まります
プレイ回数99万 長文300秒
問題文
ふりがな非表示
ふりがな表示
(＜！ｄｏｃｔｙｐｅ ｈｔｍｌ＞)
HTML宣言は大文字<!DOCTYPE HTML>
(＜ｈｔｍｌ ｌａｎｇ＝”ｊａ”＞)
日本語で
(＜ｈｅａｄ＞＜／ｈｅａｄ＞)
メタデータの集まりを表す
(＜ｈｔｍｌ＞＜／ｈｔｍｌ＞)
ルート要素を表す
(＜ｂｏｄｙ＞＜／ｂｏｄｙ＞)
文書の中身を表す
(＜ｍｅｔａ ｎａｍｅ＝”ａｕｔｈｏｒ” ｃｏｎｔｅｎｔ＝””＞)
著作権名
(＜ｍｅｔａ ｎａｍｅ＝”ｄｅｓｃｒｉｐｔｉｏｎ” ｃｏｎｔｅｎｔ＝””＞)
ディスクリプション、検索クローラーに読み取られます
(＜ｍｅｔａ ｎａｍｅ＝”ｖｉｅｗｐｏｒｔ” ｃｏｎｔｅｎｔ＝”ｗｉｄｔｈ＝ｄｅｖｉｃｅ－ｗｉｄｔｈ”＞)
ビューポート
(＜ｌｉｎｋ ｒｅｌ＝”ｉｃｏｎ”＞)
ファビコン
(＜ｔｉｔｌｅ＞＜／ｔｉｔｌｅ＞)
タイトル。ブラウザーのウインドウに表示される
(＜ｓｃｒｉｐｔ＞＄（ｆｕｎｃｔｉｏｎ（）｛かんすう）｝；＜／ｓｃｒｉｐｔ＞)
Javascript〜
(＜ａｒｔｉｃｌｅ＞＜／ａｒｔｉｃｌｅ＞)
独立した記事セクション
(＜ｓｅｃｔｉｏｎ＞＜／ｓｅｃｔｉｏｎ＞)
文書のセクション
(＜ａ ｈｒｅｆ＝”ｕｒｌ” ｔａｒｇｅｔ＝”＿ｂｌａｎｋ”＞＜／ａ＞)
リンク先を別タブで開く
(＜ｆｏｒｍ ｍｅｔｈｏｄ＝”ｇｅｔ” ａｃｔｉｏｎ＝””＞＜／ｆｏｒｍ＞)
フォーム
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｓｕｂｍｉｔ” ｎａｍｅ＝”ｓｕｂｍｉｔ” ｖａｌｕｅ＝”けんさく”＞)
検索ボタン
(＠ｍｅｄｉａ ｓｃｒｅｅｎ ａｎｄ （ｍｉｎ－ｗｉｄｔｈ：７６９ｐｘ） ｛｝)
CSSブレイクポイントここから769px以上PCで
(＠ｃｈａｒｓｅｔ ”ｕｔｆ－８”；)
スタイルシートTOP
(ｄｉｖ＃ｃｏｎｔａｉｎｅｒ｛ｗｉｄｔｈ：１００％；ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：＃００００ｆｆ；｝)
/*768px以下スマートフォンの記述ID="container"*/