独り言

プログラミングの講師をしています。新人研修で扱う技術の解説と個人の技術メモ、技術書の紹介など

【HTML】HTML理解度チェック

HTMLについてどれだけ理解しているかを確認するための問題集です。
理解しているかどうかの確認、及び理解を深めるための記事として活用ください。
基本的には以下の記事を元に作成しているので、わからない場合はそちらを活用しつつ、ネットや書籍で調べてみてください。

case10.hateblo.jp

用語の説明

下記の用語の意味を簡潔に説明してください。

タグの意味

以下のタグの意味を説明してください。

  • html
  • head
  • body
  • h1(~h6)
  • p
  • strong
  • a
  • img
  • table, tr, th, td
  • ol, ul, li
  • dl, dd
  • br
  • hr
  • div
  • span
  • form
  • input
  • textarea
  • button
  • header
  • footer
  • nav
  • main
  • article
  • aside
  • section

属性

属性に関する以下の問いに答えてください。

  • htmlタグで言語を指定するための属性
  • metaタグで文字コードを指定するための属性
  • aタグでリンク先を指定するための属性
  • imgタグで画像を指定する属性
  • imgタグで画像ファイルを取得できない場合に表示される文字列を指定する属性
  • table属性で枠線を指定するための属性
  • id属性の役割
  • class属性の役割
  • formタグで入力値の送信先のプログラムを指定するための属性
  • inputタグでパスワードの入力欄にするための属性
  • inputタグで数値の入力欄にするための属性
  • inputタグで入力を必須にするための属性

実現するタグ

以下のことを定義するタグための答えてください。

  • 見出しの文字
  • 段落
  • リンク
  • 画像
  • 順序ありのリスト
  • 順序なしのリスト
  • テーブル
  • 段落
  • 改行
  • 水平線
  • テキストボックス
  • パスワードの入力欄
  • チェックボックス
  • ラジオボタン
  • ボタン

その他

以下の問題に答えなさい。

  • HTML5の宣言を書きなさい。
  • Webサイトのトップページでよく使用されるHTMLファイルのファイル名を答えなさい。
  • Webページを作成してブラウザで表示したところ、文字化けが発生した。考えられる原因な何でしょう。
  • グローバル属性に該当する属性をあげれるだけ上げなさい。