このページの短縮URL(リンク用) §06-01…CSSの基礎4と場所の特定・準備 – オンライン無料パソコン講座 | PCセミナー

§06-01…CSSの基礎4と場所の特定・準備

(01) 次のようなソースのWebページ「re05.htm」を作成してください。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>二宮町のホームページ</title>
<link rel="stylesheet" type="text/css" href="sam05.css" />
</head>
<body>
<h1>二宮町Official Site</h1>
<h2>旅館Pick Up!</h2>
<h3>新撰旅館</h3>
<p>新撰旅館は平成14年にリニューアルオープンしました。館内には5つの種類の温泉があります。それぞれの温泉は貸切可能。人気の砂風呂もぜひご利用くださいませ。</p>
<p>御夕食は都内の老舗料亭出身の料理長が山の幸をふんだんに使ったお料理を提供させていただきます。ご宴会は最大100名様まで開催可能となっております。お気軽にお申し付けくださいませ。</p>
<h3>栄泉館</h3>
<p>栄泉館の特徴はなんと言ってもその豪華な露天風呂。7階の大浴場からは芦ノ湖が一望できます。また別館の各客室にも天然温泉の露天風呂が。週末の予約は込み合いますのでぜひお早めに。</p>
<p>夕食・朝食はそれぞれ各部屋でお取りいただけます。朝食には栄泉館名物の干物が食べ放題となっております。ぜひご賞味ください。</p>
</body>
</html>

§06-01

(02) 次のようなソースのCSSファイル「sam05.css」を作成してください。

h1{
background-color:#990000;
color:#FFFFFF;
}
h2{
background-color:#FF6600;
color:#FFFFFF;
}
h3{
background-color:#33CCFF;
color:#000000;
}