9/27 ☀　CSS課題

課題

CSS課題
スタイルシート
【C01】
bodyの背景色を「#00ced1」に指定しなさい。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>スタイルシート課題01</title>
<style type="text/css">
  <!--
  body {
	background-color: #00ced1;
  }
  -->
</style>	
</head>
<body>
</body>
</html>

20110928003645

【C02】
以下の図のように指定しなさい。
文字色は「#00ced1」。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>スタイルシート課題02</title>
<style type="text/css">
<!--
h1 {
	color: #00ced1;
	font-size: 32px;
	line-height: 1.5;
}
-->
</style>
</head>
<body>
<h1>h1 element</h1>
<h2>h2 element</h2>
</body>
</html>

h2 element n が抜けてしまった・・・・
20110928004237

文書構造

【H01】
以下のテキストを適切にマークアップしなさい。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>石垣島観光ガイド</title>
</head>

<body>
<h1>石垣島観光ガイド</h1>
<p>
石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。 沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気候は亜熱帯気候で、 1年を通じて平均気温は27度もあります。亜熱帯気候のため、 マングローブの森や色とりどりの南国の花が咲き、赤瓦屋根の民家、 そして何よりも、鮮やかなコバルトブルーの海岸は、多くの観光客をひきつけ、 特にダイバーやシュノーケリングを楽しむ人にとっては格好の場所になっています。
</p>

<h2>観光スポット</h2>

<h3>「 川平（かびら）湾」</h3>
<h4>石垣港から車で約20分</h4> 
<p>石垣を代表する景勝地で、エメラルド色のサンゴ礁と黒真珠の養殖でよく知られています。 潮の流れが早いため、遊泳は禁止されています。</p>

<h3>「宮良川（みやらがわ）のヒルギ林</h3>
<h4>石垣港からバスで30分宮良橋で下車</h4>
<p>巨大なマングローブ林（ヒルギ群落）があり、国の天然記念物に指定されているほど壮大です。</p>

<h3>「底地（すくじ）ビーチ 」</h3>
<h4>川平湾から車で約10分</h4>
<p>マリンスポーツが楽しめ、マンタが見られることから、ダイバーに人気があります。</p>

<h3>「フサキビーチ」</h3>
<h4>石垣港からバスで30分、宮良橋下車</h4>
<p>島の西側にあるビーチで、西表（いりおもて）島に沈む美しいサンセットが見られるビーチとして有名です。</p>

<h3>「明石パラワールド」</h3>
<h4>石垣市街地より車で45分</h4>
<p>島の北方で水牛などの牧場が広がる地域に1997年にできました。素晴らしい景観を見ながら、 パラグライダーを楽しむことができます。</p>

</body>
</html>

【H02】
以下のテキストを適切にマークアップしなさい。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Sweets Shop</title>
</head>

<body>
<h1>Sweets Shop</h1>

<ul>
<li>ご利用案内</li>
<li>ショップ案内</li>
<li>商品について</li>
<li>お支払い・発送方法</li>
<li>特定商取引法</li>
</ul>

<h2>Sweets Shop からの最新情報</h2>
<dl>
<dt>2010.07.05</dt>
<dd>トップページ用の写真画像は、横680px固定、縦は自由サイズで差し替えてください。</dd>
<dt>2010.07.04</dt>
<dd>左側の「おすすめサイト」欄は、授業の進行上、制作内容に含めません。</dd>
<dt>2010.07.02</dt>
<dd>作成方法についてはこちらを参考にしてください。</dd>
</dl>

<h2>PICK UP ご紹介</h2>
<p>
小花プチシューセット<br>850円
</p>
<p>
ショコラケーキ 12cmト<br>1,600円
</p>
<p>
いちごトルテ15cm<br>1.750円
</p>
<p>
トリュフ5個入り<br>850円
</p>

<h3>Copyright (C) Sweets Shop All Rights Reserved.</h3>
</body>
</html>