9/27　CSS課題

課題

やっとハテナでのHTML表示方法が理解できました。
遅くなりましたが課題を記載します。

スタイルシート

【C01】
bodyの背景色を「#00ced1」に指定しなさい。
解答は「embed」でOK。

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type"content="text/css">
<title>スタイルシート【C02】</title>
<style type="text/css">
<!--
h1{ 
    font-size:40px;
    color:#00ced1;
    margin-left:200px;
}
h2{
    font-size:30px;
    margin-left:200px;
}in
-->
</style>
</head>
<body>
<h1>h１ element</h1>
<h2>h２ element</h2>
</body>
</html>
文書構造

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

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type"content="text/css">
<title>スタイルシート【C02】</title>
<style type="text/css">
<!--
h1{ 
    font-size:40px;
    color:#00ced1;
    padding-left:200px;
}
h2{
    font-size:30px;
    padding-left:200px;
}
-->
</style>
</head>
<body>
<h1>h１ element</h1>
<h2>h２ element</h2>
</body>
</html>

【H02】

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type"content="text/css">
<meta http-equiv="Content-Script-Type"content="text/javascript">
<title>文書構造【H02】</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>
<h3>PICK UPご紹介</h3>
<dl>
<dt>小花プチシューセット</dt>
<dd>850円</dd>
<dt>ショコラケーキ 12cm</dt>
<dd>1,600円</dd>
<dt>いちごトルテ15cm</dt>
<dd>1,750円</dd>
<dt>トリュフ5個入り</dt>
<dd>850円</dd>
</dl>
<br>
<p>Copyright (C) Sweets Shop All Rights Reserved.</p>
</body>
</html>