Webページの作成 Step 3・・・舞子の浜

style を使って、下のように表示する文字の形や大きさ、色づけを試します。
つぎに、
一番右下に「戻る」という文字を書き、
ここをクリックすると表紙のページへ戻るようにリンクを張ります。

見出し１（2倍）
普通の文字を書きます
太い文字を書きます
斜めの字体にします
文字の色を赤色にします
太い茶色の文字を書きます
1.5倍で、太い青色の文字を書きます

戻る

以下に、コーディング例を示します。style の中身をよく見て下さい。
なお、最下行の「戻る」にはリンクを張っていません。

（body部のみを表示します）　styleの記述例
<body>

見出し１（2倍） 
普通の文字を書きます 
太い文字を書きます 
斜めの字体にします 
文字の色を赤色にします 
太い茶色の文字を書きます 
1.5倍で、太い青色の文字を書きます 


戻る

</body>

【 HTML文書の説明 3 】

　作成したページがどのようなルールに従って作られているかという情報をブラウザーに伝えておくと、ブラウザーはそのルールに従って文書を表示します。
　これらの情報はなくてもブラウザーが適当に判断して表示します。しかし、作成者の意図をブラウザーに正確に伝えるために、head部に付け加えておいた方がよろしい。

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">: 　これから記述するHTML文書がどの規約に従って書かれているかを示します。HTML文書の規約はいろいろと改定されています。
　この例では、バージョン 4.01 Transitional に従っていることを示します。
<lang="ja">: 　文書は日本語で作成されていることを示します。
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">: 　文書の文字コード（キャラクタセット）を宣言します。これを指定することで文字化けの発生を抑えることができます。
　この例では、文字コードに Shift_JIS を指定しています。

コーディングのまとめ　 3枚のページにリンクを貼り付けたものをつぎに示します。

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<head>
<title>最初の一歩</title>
</head>
<body>
<a href="http://maikonohama.la.coocan.jp/">舞子の浜</a>

<a href="index.html">戻る</a>

</body>
</html>

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<head>
<title>もう一歩</title>
</head>
<body>

見出し１（2倍） 
普通の文字を書きます 
太い文字を書きます 
斜めの字体にします 
文字の色を赤色にします 
太い茶色の文字を書きます 
1.5倍で、太い青色の文字を書きます 


<a href="index.html">戻る</a>

</body>

Ｗｅｂページの作成 もう一歩 （ midasi1.html ）

Ｗｅｂページの作成　もう一歩（ midasi1.html ）