確認テスト(1)

課題

Webページについて

以下の問に答えなさい。
  1. 見出しや段落であることを表すための[　　　]を記述します
  2. レイアウトなどの見た目は[　　　]で記述します
  3. Webサーバーにデータを送ること
  4. Webサーバーからデータを取得すること
  5. Webページを表示するためのソフトは、一般的になんと呼ばれるか
  6. Webページを表示するためのソフトをあげなさい
回答
  1. HTML
  2. CSS
  3. アップロード
  4. ダウンロード
  5. ブラウザ
  6. InternetExplorer、firefox、GoogleChrome、OPERA、SAFARI等

HTMLの基本

以下の問に答えなさい。
  1. HTML5のDOCTYPE宣言を記述しなさい
  2. Webページのタイトルを表示するための要素を答えなさい
  3. ページ内で一番大きな見出しを意味する要素を答えなさい
  4. 段落を意味する要素を答えなさい
  5. 箇条書きの範囲を意味する要素を答えなさい
  6. 箇条書きの項目を意味する要素を答えなさい
回答
  1. <!DOCTYPE HTML>
  2. title
  3. h1
  4. p
  5. ul
  6. li
以下の記述をしなさい
  1. 同じ階層にある画像「photo.jpg」を表示する記述
  2. 同じ階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述
  3. 一つ上の階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述
回答
  1. <img src="photo.jpg" alt="" title="" />
  2. <img src="img/photo.jpg" alt="" title="" />
  3. <img src="../img/photo.jpg" alt="" title="" />

CSSの基本

<p id="schedule" class="plan">明日は、ハローワーク来所日です。</p>
以下の空欄を埋めなさい。

1.タイプセレクタによる指定
[ ] {
color: #000;
}

2.idセレクタによる指定
[ ] {
color: #000;
}

3.classセレクタによる指定
[ ] {
color: #000;
}

回答
  1. p
  2. #schedule
  3. .plan
bodyのスタイルを記述しなさい
  • 文字色：#666
  • 文字サイズ：14px
  • 背景色：#D3E9F0
回答
body{color:#666;
     font-size:14px;
     background-color:#D3E9F0;
}
CSS外部リンク

「index.html」に「css」フォルダー内にある「style.css」を読み込ませなさい

回答


レイアウト

以下の問に答えなさい。

  1. 背景画像の表示開始位置を指定するためのプロパティ
  2. 背景画像の有無・繰り返しの方向を指定するためのプロパティ
  3. li要素のブレット（マーク）の種類を指定するためのプロパティ
  4. 枠線の外側に余白をつけるために指定するためのプロパティ
  5. テキストや画像を、左・中央・右に揃えるためのプロパティ
  6. floatプロパティの影響を受けて回りこんでいる要素を、本来の位置に配置するためのプロパティ
回答
  1. background-position
  2. background-repeat
  3. list-style
  4. margin
  5. padding・・・・これは不安
  6. clear
擬似クラス

以下の空欄を埋めなさい。

  • リンク先が未訪問のとき

a: [　　　　　]

  • リンク先をすでに訪問済みのとき

a: [　　　　　]

a: [　　　　　]

回答

上からlink visited hover

Webページを公開
  1. 「https://www.google.co.jp/」のような文字列によるアドレスを［　　　　］といいます
  2. 「192.0.1.100」のような数値によるアドレスを［　　　　］といいます
  3. Webサーバーにファイルをアップロードするためのソフトを［　　　　］といいます
回答
  1. URL
  2. IPv4アドレス（今のご時世なのでここまで必要なんでしょうか？）これでダメであれば「IPアドレス」です。あと数年しかこれでまとめられませんが。。。。

確認テスト(1)は以上です。