HTML、CSS学習アプリ!

schoolHTML、CSSを楽しみながら学んでいきましょう!






回答を決定する

次に進む

(↑↑↑↑ここを押したら【上に問題や回答が表記】されます。↑↑↑↑上に戻ってください↑↑↑↑!)
ここの隣に、何が起きたか表記されるので、次へボタンを押したら、
【隣に表記される文字列を確認してください】!

現在取得したポイント

0

クイズ問題を一部公開!

実際に下記のような問題を見ることが出来ます。どの問題なのかは、実際にプレイして探してみてください。

  • ・HTMLとは?解説1: 値などを入れる箱の様な物。解説2: 値などにつける名札の様な物。
  • ・HTMLとは?解説1: 固定された変化しない値を入れる箱の様な物。解説2: 変数と特に変わらない。変数の別名。
  • ・html要素(タグ)とは?解説1: 骨組みを作るためのマークアップ言語。解説2: HyperTrance Markup
  • ・サーバとは?解説1: 電子書籍作成にも使われている。解説2: javascriptやphpと全く同じ、全く遜色のない本格的なプログラミング言語。
  • ・body要素(タグ)とは?解説1: ルート要素という。また、言語コードjaの言語が使われていることの明示の役割も果たしている。解説2: HTMLのどのバージョンを使っているかを伝える役割もある。
  • ・head要素(タグ)とは?解説1: サーバ用のハードウェアを購入して使うパソコンの事。解説2: IISなどの役割を導入するとどんなパソコンでもサーバになる。
  • ・body要素(タグ)とは?解説1: タイトルやスニペットなどを記載する所。解説2: PHPを記載することはできない。
  • ・p要素(タグ)とは?解説1: ブラウザのメイン画面に表記される所。解説2: linkタグを記載することができる。
  • ・オブジェクトとは?解説1: ブラウザのメイン画面に表記される所。解説2: javascriptを記載することはできない。
  • ・divとは?解説1: 中にPタグを入れることが出来る要素。解説2: リストや節という意味。
  • ・WEBアプリとネイティブアプリの違いや共通点とは?解説1: キーと値がペアになったデータの集まりの事。解説2: どの言語でも同じくオブジェクトという。';//PHPは連想配列。rubyやprelはハッシュと言う。
  • ・関数について解説1: divはdiviceの略である。解説2: 特に意味がないタグであるが故に、divばかり使うとセマンティックではない。
  • ・ulタグについて解説1: インストールして使う事はどのアプリも共通。解説2: ネイティブアプリとは、パソコンにインストールして使うexcelなどに代表される昔からあるアプリケーションの事。
  • ・インライン要素について解説1: 呼び出し元は定義している方に引数を渡し。定義している方は呼び出し元から引数をもらうことができる。解説2: returnで関数が処理した結果を、関数の呼び出し元に返す事が出来ます。
  • ・ブロック要素について解説1: 直下にliタグしか入れられない。解説2: 直下にインライン要素なら入れられる。
  • ・hタグについて解説1: span、div、aタグが該当する。解説2: 上下のmarginは効かない。
  • ・divタグについて解説1: p、div、aタグが該当する。解説2: 左右のmarginは効かない。
  • ・バグとは解説1: Headingの略である。解説2: HTML5はh1を何度も使える。
  • ・自己完結している記事を表すタグ。解説1: デザインのためだけに、枠を作る時に使う。解説2: divはインライン要素しか入れられない。
  • ・強い強調であることの明示するタグ。解説1: 昔虫がPCに入ってしまい故障したことからこのように言われるようになった。解説2: プログラムに不具合があって、プログラムがちゃんと動いてくれないこと。
  • ・順序付きリストを示するタグ。
  • ・他のリソースへのアンカーであることの明示するタグ。
  • ・段落の明示するタグ。
  • ・第一レベルの見出しを明示するタグ。
  • ・他のリソースとの関連を明示するタグ。外部のCSSを指定する時に使う。
  • ・文書のメタ情報をきさいするタグ。titleなどを内部に記載する。
  • ・ルート要素。また、言語コードjaの言語が使われていることの明示するタグ
  • ・この文書のヘッダ情報の明示するタグ

回答一覧

・HTMLとは?
解説1: 骨組みを作るためのマークアップ言語。
解説2: HyperTrance Markup Languageの略。

回答は、解説1:正解、解説2:不正解です。

Hyper 【 Text】 Markup Languageの略。

・HTMLとは?
解説1: 電子書籍作成にも使われている。
解説2: javascriptやphpと全く同じ、全く遜色のない本格的なプログラミング言語。

回答は、解説1:正解、解説2:不正解です。

ドメイン言語といわれる、簡易な言語なので、本格的な言語のようなことは出来ません。

・html要素(タグ)とは?

回答は、解説1:正解、解説2:不正解です。

lang属性にjaと入れることで、日本語の情報であることをブラウザに伝えます。DOCTYPE宣言で、HTMLのバージョンを伝えるのでhtml要素ではありません。

※お仕事決まれば全額キャッシュバックされるので実質無料!※
3ヶ月10万円で受講可能な転職特化型Ruby実践研修ポテパンキャンプ。
未経験者もいきなりフリーランスエンジニアになれる!

・サーバとは?

回答は、解説1:不正解、解説2:正解です。

どんなハードウェアでもIISなどをインストールすればサーバにできます。

・body要素(タグ)とは?

・HTMLとは?
解説1: タイトルやスニペットなどを記載する所。
解説2: PHPを記載することはできない。

回答は、解説1:不正解、解説2:不正解です。

タイトルやスニペットなどを記載する所はheadタグ内です。PHPは記述可能です。

・head要素(タグ)とは?

回答は、解説1:不正解、解説2:正解です。

タイトルなどを入れる要素なので、ブラウザのメイン画面には表記されません。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

・body要素(タグ)とは?

・HTMLとは?
解説1: ブラウザのメイン画面に表記される所。
解説2: javascriptを記載することはできない。

回答は、解説1:正解、解説2:不正解です。

javascriptは記述可能です。

・p要素(タグ)とは?

回答は、解説1:不正解、解説2:不正解です。

Pタグの中にはインライン要素しか入れられません。また、章や節という意味なのでリストではありません。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

回答一覧

・オブジェクトとは?

回答は、解説1:正解、解説2:不正解です。

PHPは連想配列。rubyやprelはハッシュと言います。

・divとは?

回答は、解説1:不正解、解説2:正解です。

DIVision(区分)です。

ドメイン言語といわれる、簡易な言語なので、本格的な言語のようなことは出来ません。

・WEBアプリとネイティブアプリの違いや共通点とは?

回答は、解説1:不正解、解説2:不正解です。

ネイティブアプリはスマートフォン専用のインストールするアプリケーションの事です。PCではなく、インストールが必須です。
また、ブラウザの上で実行するWEBアプリはインストールせずに使えます。この勉強アプリはインストールしないで使っていますよね。

※お仕事決まれば全額キャッシュバックされるので実質無料!※
3ヶ月10万円で受講可能な転職特化型Ruby実践研修ポテパンキャンプ。
未経験者もいきなりフリーランスエンジニアになれる!

・関数について

回答は、解説1:正解、解説2:正解です。

・ulタグについて

回答は、解説1:正解、解説2:不正解です。

ul直下には、liタグしか入れられません。間違えやすいので注意してください。

・インライン要素について

回答は、解説1:不正解、解説2:正解です。

・ブロック要素について

回答は、解説1:不正解、解説2:不正解です。

aタグはインライン要素です。また、ブロック要素は左右のmarginも効きます。

・hタグについて

回答は、解説1:正解、解説2:正解です。

・divタグについて
解説1: デザインのためだけに、枠を作る時に使う。
解説2: divはインライン要素しか入れられない。

回答は、解説1:正解、解説2:不正解です。

divにはブロック要素も入れられます。

・バグとは

回答は、解説1:正解、解説2:正解です。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

回答一覧

・自己完結している記事を表すタグ。

回答は、articleです。sectionは自己完結していません。自己完結とはその内容だけを別のページに移動しても、違和感を感じずに読むことが出来る、独立した内容であることです。

・強い強調であることの明示するタグ。

回答は、strongです。

※お仕事決まれば全額キャッシュバックされるので実質無料!※
3ヶ月10万円で受講可能な転職特化型Ruby実践研修ポテパンキャンプ。
未経験者もいきなりフリーランスエンジニアになれる!

・順序付きリストを示するタグ。

回答は、olです。12345と順序があるリストに使います。ちなみにulは順序がないリストです。

・他のリソースへのアンカーであることの明示するタグ。

回答は、aです。

・段落の明示するタグ。

回答は、pです。

※お仕事決まれば全額キャッシュバックされるので実質無料!※
3ヶ月10万円で受講可能な転職特化型Ruby実践研修ポテパンキャンプ。
未経験者もいきなりフリーランスエンジニアになれる!

・第一レベルの見出しを明示するタグ。

回答は、h1です。

・他のリソースとの関連を明示するタグ。外部のCSSを指定する時に使う。

回答は、linkです。外部ファイルを読み込むときに使います。

・v○○.jsとは、2017年から流行り始めたライブラリです。半角英数で2文字を記入してください。

回答は、metaです。クローラーに見せる情報もここに記載します。

・ルート要素。また、言語コードjaの言語が使われていることの明示するタグ

回答は、htmlです。

・この文書のヘッダ情報の明示するタグ

回答は、headです。metaタグなどを記載します。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

CONTACT