確認テスト（1）

順番が前後しました。

Webページについて

以下の問に答えなさい。

見出しや段落であることを表すための[　HTML　　]を記述します

  • レイアウトなどの見た目は[　CSS　　]で記述します
  • Webサーバーにデータを送ること

アップロード

  • Webサーバーからデータを取得すること

ダウンロード

  • Webページを表示するためのソフトは、一般的になんと呼ばれるか

ブラウザー

  • Webページを表示するためのソフトをあげなさい

FireFox, Chrome, Internet Explorer etc

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」を読み込ませなさい

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, print">

レイアウト

以下の問に答えなさい。

  • 背景画像の表示開始位置を指定するためのプロパティ

background-position:

  • 背景画像の有無・繰り返しの方向を指定するためのプロパティ

background-image:

  • 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クライアント　］といいます