確認テスト１
webページについて
１見出しや段落であることを表すための「HTML」を記述
２レイアウトなどの見た目は「CSS」で記述
３webサーバーにデータを送る事を「アップデート」
４webサーバーからデータを取得することを「ダウンロード」
５webページを表示するためのソフトは一般的に「ブラウザ」と呼ぶ
６webページを表示する為のソフト名は主に「safari firefox google chrome」などがある。
HTML基本
１HTML5のDOCTYPE宣言を記述
<!DOCTYPE HTML>
２webページのタイトルを表示する為の要素を答えなさい
<title>
３ページ内で一番大きな見出しを意味する要素を答えなさい
<h1>
４段落を意味する要素を答えなさい
<p>
５箇条書きの範囲を意味する要素を答えなさい
順序あり<ol> 順序なし<ul>
６箇条書きの項目を意味する要素を答えなさい
<li>
１同じ階層にある画像「photo.jpg」を表示する記述
/*<img src="photo.jpg" width=""height=""alt="">*/
２同じ階層にある「img」フォルダー内の画像「photo.jpg」を表す記述
/*<img src="image/photo.jpg"width=""height=""alt="">*/
３一つ上の階層にある「img」フォルダー内画像「photo.jpg」を表す記述
/*<img src="../image/photo.jpg"width=""height=""*alt="">*/
CSSの基本
<p id="schedule" class="plan">明日はハローワーク来所日です。</p>
以下の空白を埋めなさい
•タイプセレクタによる指定
『P』{
color: #000;
}
•idセレクタによる指定
『schedule』{
color: #000;
}
•classセレクタによる指定
『plan』{
color: #000;
}
bodyのスタイルを記述
body{
color: #666;
font-size: 14px;
background-color: #d3e9f0;
}
CSS外部リンク
•「index.html」に「CSS」フォルダー内にある「style.css」を読み込ませなさい
<link rel="stylesheet" href="test.css" type="text/css">
レイアウト
１背景画像の表示位置を指定するためのプロパティ
「background-position」
２背景画像の有無・繰り返しの方向を指定する為のプロパティ
「background-repeat: repeat~」
３li要素のブレット（マーク）の種類を指定するためのプロパティ
「list-style-type」
４枠線の外側に余白を付ける為に指定するためのプロパティ
「margin」
５テキストや画像を、左・中央・右にそろえる為のプロパティ
「text-align」
６floatプロパティの影響を受けて回りこんでいる要素を、本来の位置に配置する為のプロパティ
「clear:both;」
疑似クラス
以下の空白を埋めなさい。
•リンク先が未訪問のとき
a:{link}
•リンク先をすでに訪問済みのとき
a{visited}
•マウスポインターが乗っているとき
a{hover}
webページを公開
１「http://www.google.co.jp/」のような文字列によるアドレスを「URL」
２「192.0.1.100」のような数値によるアドレスを「IPアドレス」詳しく調べるとIPv4では32bit、IPv6では128bitとの事
３webサーバーにファイルをアップロードする為のソフトを「FTP」（File Transfer Protcol）
