html5+ CSS3
初級
練習用です。けっこう面倒いかも。
関連タイピング
-
基礎的なHTML
プレイ回数4650 英語54打 -
初心者必見
プレイ回数482 短文534打 -
小学生向けのタイピングとなっています。
プレイ回数1.1万 短文113打 -
100回あいうえおを打とう！
プレイ回数15万 連打500打 -
「あ〜ん」までを打ってください！
プレイ回数133 短文かな87打 -
小学生向けタイピング中級です。
プレイ回数1657 短文かな208打 -
プレイ回数377 短文かな86打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数4599 英語長文721打
問題文
ふりがな非表示
ふりがな表示
(＜！ｄｏｃｔｙｐｅ ｈｔｍｌ＞)
HTML宣言は大文字<!DOCTYPE HTML>
(＜ｈｔｍｌ ｌａｎｇ＝”ｊａ”＞)
日本語で
(＜ｈｅａｄ＞＜／ｈｅａｄ＞)
メタデータの集まりを表す
(＜ｈｔｍｌ＞＜／ｈｔｍｌ＞)
ルート要素を表す
(＜ｂｏｄｙ＞＜／ｂｏｄｙ＞)
文書の中身を表す
(＜ｍｅｔａ ｎａｍｅ＝”ａｕｔｈｏｒ” ｃｏｎｔｅｎｔ＝””＞)
著作権名
(＜ｍｅｔａ ｎａｍｅ＝”ｄｅｓｃｒｉｐｔｉｏｎ” ｃｏｎｔｅｎｔ＝””＞)
ディスクリプション、検索クローラーに読み取られます
(＜ｍｅｔａ ｎａｍｅ＝”ｖｉｅｗｐｏｒｔ” ｃｏｎｔｅｎｔ＝”ｗｉｄｔｈ＝ｄｅｖｉｃｅ－ｗｉｄｔｈ”＞)
ビューポート
(＜ｌｉｎｋ ｒｅｌ＝”ｉｃｏｎ”＞)
ファビコン
(＜ｔｉｔｌｅ＞＜／ｔｉｔｌｅ＞)
タイトル。ブラウザーのウインドウに表示される
(＜ｓｃｒｉｐｔ＞＄（ｆｕｎｃｔｉｏｎ（）｛かんすう）｝；＜／ｓｃｒｉｐｔ＞)
Javascript〜
(＜ａｒｔｉｃｌｅ＞＜／ａｒｔｉｃｌｅ＞)
独立した記事セクション
(＜ｓｅｃｔｉｏｎ＞＜／ｓｅｃｔｉｏｎ＞)
文書のセクション
(＜ａ ｈｒｅｆ＝”ｕｒｌ” ｔａｒｇｅｔ＝”＿ｂｌａｎｋ”＞＜／ａ＞)
リンク先を別タブで開く
(＜ｆｏｒｍ ｍｅｔｈｏｄ＝”ｇｅｔ” ａｃｔｉｏｎ＝””＞＜／ｆｏｒｍ＞)
フォーム
(＜ｉｎｐｕｔ ｔｙｐｅ＝”ｓｕｂｍｉｔ” ｎａｍｅ＝”ｓｕｂｍｉｔ” ｖａｌｕｅ＝”けんさく”＞)
検索ボタン
(＠ｍｅｄｉａ ｓｃｒｅｅｎ ａｎｄ （ｍｉｎ－ｗｉｄｔｈ：７６９ｐｘ） ｛｝)
CSSブレイクポイントここから769px以上PCで
(＠ｃｈａｒｓｅｔ ”ｕｔｆ－８”；)
スタイルシートTOP
(ｄｉｖ＃ｃｏｎｔａｉｎｅｒ｛ｗｉｄｔｈ：１００％；ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：＃００００ｆｆ；｝)
/*768px以下スマートフォンの記述ID="container"*/