占いページを作ってみる(3) HTMLページを作成する

作ってみよう

次に、占いページとして表示するHTMLを作成します
HTMLで作る画面はひとつにすると、前回のエントリーで決めました
webサイトは見た目が大事ですからここは気合を入れてDreamweaverでデザインしたいところですが、残念ながら使い方を知らないので、今回はHTMLタグを手打ちしたいと思います(´･ω･｀)

<html>
<head>
<title>占いページ</title>
</head>
<body>
<h1>占いページ</h1>
<form method="POST">
あなたの星座は？
<select name="seiza">
<option value="0">おひつじ座</option>
<option value="1">おうし座</option>
<option value="2">ふたご座</option>
<option value="3">かに座</option>
<option value="4">しし座</option>
<option value="5">おとめ座</option>
<option value="6">てんびん座</option>
<option value="7">さそり座</option>
<option value="8">いて座</option>
<option value="9">やぎ座</option>
<option value="10">みずがめ座</option>
<option value="11">うお座</option>
</select>
<input type="submit" name="uranai" value="占う">
</form>
<div id="kekka">
<h2>占い結果</h2>
とてもいい運勢です
</div>
</body>
</html>

我ながら、これはヒドイ･ﾟ･(´Д⊂ヽ･ﾟ･
続きます