課題1

HTML&CSS

休みに一つだけやったのを貼付けます。
初めて見よう見まねでやったcssなので、今日ダメだと言われたgreenとか使ってますが・・。考え方は、これで良いのでしょうか・・・・？

<! DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-Style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<style type ="text/css">
<!--
body,h1,h2,div,li, ul,p{
	margin: 0px;
	padding: 0px;
} 
body {
	width: 480px;
	margin: 50px;
	font-size: 15px;
	letter-spacing: 1px;
}
p.read{
	text-indent: 1em;
}

h1#blue{
	color: #1B3DDF;
	border-top: 2px  dotted #40AACF;
	border-bottom: 2px  dotted #40AACF;
	margin-bottom: 8px;
	text-align: center;
	}
h2#green {
	color: #1B3DDF;
	font-size: 22px;
	text-align: center;
}
div#navi  {
	list-style-type: none;
}
div#navi li {
	font-size: 14px;
	font-weight: bold;
	background-color: #40AACF;
	border-left: 10px solid #FFF58F;
	color: #ffffff;
	padding: 1px 10;
	margin: 7px 0 3 0;
}
div#navi p {
	font-size: 13px;
	lile-height: 16px;
}
.place {
	font-size: 13px;
	font-weight: bold;
}
-->
<title>石垣島観光ガイド</title>
</style>
</head>
<body>
<h1 id="blue">石垣島観光ガイド</h1>
<p class="read">石垣島は八重山諸島の中で一番大きな島で、沖縄で３番寝に大きな島です。沖縄からは、空路で約１時間、沖縄より台湾に近く南に位置します。気候は亜熱帯気候で、一年を通じて平均気温は27度もあります。<br>亜熱帯気候のため、マングローブや森や色とりどりの南国の花が咲き、赤煉瓦の民家、そして何よりも、鮮やかなコバルトブルーの海岸は、多くの観光客をひきつけ、特にダイバーやシュノーケリングを楽しむ人にとっては格好の場所になっています。</p><br>
<h2 id="green">観光スポット</h2>
<div id="navi">
<ul>
<li>「川平（かびら）湾」</li>
<p class="place">石垣島から車で約２０分</p>
<p>石垣を代表する景観地で、エメラルド色のサンゴ礁と黒真珠の養殖でよく知られています。潮の流れが早いため、遊泳は禁止されています。</p>

<li>「宮良側（みやらがわ）のヒルギ林</li>
<p class="place">石垣島からバスで３０分宮良側で下車</p>
<p>巨大なマングローブ林（ヒルギ群落）があり、国の天然記念物に指定されているほど壮大です。</p>
<li>「底時（すくじ）ビーチ」</li>
<p class="place">川平湾から車で約１０分</p>
<p>マリンスポーツが楽しめ、マンタが見られることから、ダイバーに人気があります。</p>
<li>「フサキビーチ」</li>
<p class="place">石垣島からバスで３０分、宮良橋下車</p>
<p>島の西側にあるビーチで、西表(いりおもて）島に沈む美しいサンセットが見られるビーチとして有名です。</p>

<li>「明石パラワールド」</li>
<p class="place">石垣市街地より車で４５分</p>
<p>島の北方で水牛などの牧場が広がる地域に1997年に出来ました。素晴らしい景観を見ながら、バタグラダーを楽しむことができます。</p>
</ul></div>
</body>
</html>


今見たら、liじゃ無くて、H３の方が良かったかも・・？