HTML5基本構造編

・スマホ向けフリック入力タイピングはこちら
※アプリのインストールが必要です。
・PC向けタイピングはこちら
タブレット+BlueToothキーボードのプレイもこちらがオススメです!
Webアプリでプレイ
投稿者投稿者まこといいね8お気に入り登録1
プレイ回数1866難易度(4.8) 1268打 長文
HTML5の働きの理解
タグをフォルダーに例えて説明してみました。
機能や親子関係もcssとの関係も理解しやすいのではないかと思います。

目的
  ・HTMLの役割の理解
  ・タグに慣れる

  ・構成に慣れる
注意
  ・急がない
  ・焦らない
  ・正しい指で

関連タイピング

問題文

ふりがな非表示 ふりがな表示
(<p>だんらく</p>のようにはさむことによってpというなまえをつける。) <p>段落</p>のように挟むことによってpという名前をつける。 (<p>だんらく</p>のようにはさむことによってpというなまえをつける。) <p>段落</p>のように挟むことによってpという名前をつける。 (たぐではさむことは、ふぉるだーをつくることとほぼおなじ。) タグで挟む事は、フォルダーを作ることとほぼ同じ。 (たぐではさむことは、ふぉるだーをつくることとほぼおなじ。) タグで挟む事は、フォルダーを作ることとほぼ同じ。 (まず、htmlというなまえのふぉるだーをつくる。) まず、HTMLと言う名前のフォルダーを作る。 (まず、htmlというなまえのふぉるだーをつくる(htmlたぐではさむ)) まず、HTMLと言う名前のフォルダーを作る (そのなかにへっだーとぼでぃとふったーというなまえのふぉるだーをつくる。) <html></html>で内容を挟む。 (そのなかにへっだーとぼでぃとふったーというなまえのふぉるだーをつくる。) その中にヘッダーとボディとフッターと言う名前のフォルダーを作る。 (そのなかにへっだーとぼでぃとふったーというなまえのふぉるだーをつくる。) その中にヘッダーとボディとフッターと言う名前のフォルダーを作る。 (<head></head>と) <head></head>と
(<body></body><foot></foot>をつくる) <body></body><foot></foot>を作る (へっだーふぉるだーのなかにたいとるふぉるだーをつくる。) ヘッダーフォルダーの中にタイトルフォルダーを作る。 (<head></head>のあいだに<title></title>をつくる。) <head></head>の間に<title></title>を作る。 (たいとるふぉるだーのなかにたいとるふぁいるをかく。) タイトルフォルダーの中にタイトルファイルを書く。 (<title></title>のあいだにたいとるになることばをかく。) <title></title>の間にタイトルになる言葉を書く。 (ぼでぃふぉるだーのなかにせくしょんのふぉるだーをつくる。) ボディフォルダーの中にセクションのフォルダーを作る。 (<body></body>のあいだに<section></section>) <body></body>の間に<section></section> (せくしょんふぉるだーにh1のふぉるだーをつくる。) セクションフォルダーにh1のフォルダーを作る。 (<section></section>のあいだに<h1></h1>をつくる。) <section></section>の間に<h1></h1>を作る。 (h1ふぉるだーにみだしになるぶんしょふぁいるをおく。) h1フォルダーに見出しになる文書ファイルを置く。
など
(<h1></h1>のあいだにみだしになることばをかく。) <h1></h1>の間に見出しになる言葉を書く。 (せくしょんふぉるだのなかにpふぉるだーをつくる。) セクションフォルダの中にpフォルダーを作る。 (<section></section>のあいだにだんらくになるぶんしょうをかく。) <section></section>の間に段落になる文章を書く。 (そのそれぞれのふぉるだーにたいしてしじをだすのがcss。) そのそれぞれのフォルダーに対して指示を出すのがCSS。 (htmlふぉるだーがごせんぞさま。) htmlフォルダーがご先祖様。 (そのこがへっだー、ぼでぃー、ふったー。) その子がヘッダー、ボディー、フッター。 (へっだーのこがたいとる。) ヘッダーの子がタイトル。 (ぼでぃのこはせくしょん。) ボディの子はセクション。 (せくしょんのこがh1とp。ふたりはきょうだい。) セクションの子がh1とp。二人は兄弟。 (へっだーとぼでぃとふったーもきょうだい。) ヘッダーとボディとフッターも兄弟。
問題文を全て表示 一部のみ表示 誤字・脱字等の報告

やる気のない.おっさんのお気に入り

まことのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード