課題1

課題

Q01　HTMLの基礎構造

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


Q02　適切なタイトル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>池袋「CatCafe」</title>
</head>
<body>

</body>
</html>


Q03　適切な文書構造

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>池袋「CatCafe」</title>
</head>
<body>
<h1>CatCafeにゃんこ紹介</h1>
<h2>●あたる（白キジトラ・オス）</h2>
<p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。</p>
<p><img src="img/01.jpg" width="200px" height="200px" alt="あたる"><p>
<h3>特徴</h3>
<p>大きな目と耳。まがったしっぽ。</p>
<h3>性格</h3>
<p>マイペース。</p>
</body>
</html>


Q04　テキストリンク

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>池袋「CatCafe」</title>
</head>
<body>
<h1>CatCafeにゃんこ紹介</h1>
<h2>●あたる（白キジトラ・オス）</h2>
<p>目と耳が大きくてすばらしくイケメン。鳴き声もなかなかかわゆい。性格はいたってマイペース。 段ボール箱のかどや柱で爪とぎをするのが大好き。</p>
<p><img src="img/01.jpg" width="200px" height="200px" alt="あたる"></p>
<h3>特徴</h3>
<p>大きな目と耳。まがったしっぽ。</p>
<h3>性格</h3>
<p>マイペース。</p>
<p><a href="cat/ataru.html">もっとみる→</a></p>
</body>
</html>

Q05　表組み

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>にゃんこの紹介</title>
</head>
<body>
<h1>にゃんこの紹介</h1>
<table border="1">
<caption>あたる</caption>
<tr>
<th>名前</th>
<td>あたる</td>
</tr>
<tr>
<th>性別</th>
<td>オス</td>
</tr>
<tr>
<th>特徴</th>
<td>大きな耳と目、まがったしっぽ</td>
</tr>
<tr>
<th>性格</th>
<td>マイペース</td>
</tr>
<tr>
<th>写真</th>
<td><img src="img/01.jpg" width="200px" height="200px" alt="あたる"></td>
</tr>
</table>
</body>
</html>


Q06 コピーライト

<p><small>Copyright &copy CatCafe. All Rights Reserved.</small></p>


Q07　CSS

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style1.css">
<title>
</title>
</head>
<body>
</body>
</html>


Q08　リセット

@charset "UTF-8";

body,h1,h2,h3,p,ul,li,img{
  margin:0;
  padding:0;
}