課題Q01〜Q07、Q11

課題 

<!doctype html>
<html lang="ja">
<head>
<title>池袋の猫カフェ CatCafe</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" media="all">
</head>
<body>
<h1>CatCafeのにゃんこ紹介</h1>
<br>
<dl>
<dt>●あたる（白キジトラ・オス）</dt>
<img src="img/01.jpg" width="200" height="200" alt="あたる">
<dd>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。</dd>
</dl>
<dl>
<dt>特徴</dt>
<dd>大きな目と耳。まがったしっぽ。</dd>
</dl>
<dl>
<dt>性格</dt>
<dd>マイペース。</dd>
</dl>
<table width="700" border="1">
<tr>
<th>名前</th><th>オス・メス</th><th>特徴</th><th>性格</th><th>写真</th>
</tr>
<td>あたる</td><td>オス</td><td>大きな目と耳。まがったしっぽ。</td><td>マイペース。</td><td><img src="img/01.jpg" width="200" height="200" alt="あたる"></td>
</table>
<br>
<a href="cat/ataru.htm">もっと見る→</a>
<br>
<a href=http://www.felica.co.jp>お問い合わせはこちらになります。</a>

</body>
<p><small>Copyright c CatCafe. All Rights Reserved.</small></p>
</html>



課題Q08〜Q10

@charset"UTF-8";

body,h1,h2,h3,ｐ,ul,li,img{
margin:0;
padding:0;
}
ul{
list-style:none;
}
img{
vertical-align:bottom;
}
a {
  text-decoration: none;
}
body{
font-size:16px;
background-color:#3366CC;
color:#333333;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
line-height:1.5;
}
h1{
color:#ffffff;
}
a:link{
color:#87ceeb;
}
a:visited{
color:#ffffff;
}
a:hover{
color:#ff4500;
}
a:active{
color:#ff0000;
}