【確認テスト1】 - Today & Tomorrow...

【確認テスト1】

Webページについて

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

HTMLの基本

1.HTML5のDOCTYPE宣言を記述しなさい

<!doctype html>

2.Webページのタイトルを表示するための要素を答えなさい

<title>タイトル</title>

3.ページ内で一番大きな見出しを意味する要素を答えなさい

<h1>見出し</h1>

4.段落を意味する要素を答えなさい

<p>段落</p>

5.箇条書きの範囲を意味する要素を答えなさい

<ul>・・・</ul>

<ol>１．２．３・・・</ol>

6.箇条書きの項目を意味する要素を答えなさい

<li>項目</li>

1.同じ階層にある画像「photo.jpg」を表示する記述

<img src="photo.jpg">

2.同じ階層にある「img」フォルダー内の画像「photo.jpg」を表示する記述　

<img src="img/photo.jpg">

3.一つ上の階層にある「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

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-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］といいます