確認テスト（1）

HTML課題

Webページについて

以下の問に答えなさい。

  • 見出しや段落であることを表すための[HTML]を記述します
  • レイアウトなどの見た目は[CSS]で記述します
  • Webサーバーにデータを送ること・・・アップロード
  • Webサーバーからデータを取得すること・・・ダウンロード
  • Webページを表示するためのソフトは、一般的になんと呼ばれるか・・・ブラウザ
  • Webページを表示するためのソフトをあげなさい・・・Google Chrome.（最近世界シェアNo.1に）IE.FireFox.Safari.Opera ここまで5大ブラウザ Lunascape.Sleipnir.（日本産）Rockmelt（個人的に好き）その他100種類ほど

HTMLの基本

以下の問に答えなさい。
-HTML5のDOCTYPE宣言を記述しなさい・・・<!DOCTYPE html>
-Webページのタイトルを表示するための要素を答えなさい・・・<title></title>
-ページ内で一番大きな見出しを意味する要素を答えなさい・・・<h1></h1>
-段落を意味する要素を答えなさい・・・<p></p>
-箇条書きの範囲を意味する要素を答えなさい・・・<ul></ul><ol></ol>
-箇条書きの項目を意味する要素を答えなさい・・・<li></li>

以下の記述をしなさい
-同じ階層にある画像「photo.jpg」を表示する記述・・・<img src="photo.jpg">
-同じ階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述・・・<img src="img/photo.jpg">
-一つ上の階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述・・・<img src="../img/photo.jpg">

CSSの基本

<p id="schedule" class="plan">明日は、ハローワーク来所日です。</p>
以下の空欄を埋めなさい。
-タイプセレクタによる指定
[ p ] {
  color: #000;
}

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

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

**bodyのスタイルを記述しなさい
-文字色：#666
-文字サイズ：14px
-背景色：#D3E9F0
body {
  color: #666;
  font-size: 14px;
  background-color: #d3e9f0;
}

CSS外部リンク

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


レイアウト

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

擬似クラス

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

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

a: [link]

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

a: [visited]

a: [hover]

Webページを公開

  • 「https://www.google.co.jp/」のような文字列によるアドレスを［URL］といいます
  • 「192.0.1.100」のような数値によるアドレスを［IPアドレス］といいます
  • Webサーバーにファイルをアップロードするためのソフトを［FTP］といいます