ホームページの作り方を説明。XHTML記述でサイトの骨組みを作っていく。

サイトの骨組みを作る

　ではサンプルページを作っていきましょう。

「作業用フォルダと構造」のページで作ったファイル「index.html」をノートパッドで開きます。

<?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-type" content="text/html; charset-shift_jis" />
<title>
ここにサイトのタイトルを記入
</title>
</head>
<body>
ここに本文を記入
</body>
</html>

　このようになっていますね。これを下のように書き換えてください。

ここにサイトのタイトルを記入

</title>
</head>
<body>

<h1> タイトル </h1>
<br />
ここにサイトの紹介文を記入
<br />
メインメニュー
トップページ
メニュー1<br />
メニュー2<br />
メニュー3<br />
メニュー4<br />
メニュー5<br />
メニュー6<br />
メニュー7<br />
メニュー8<br />
メニュー9<br />
メニュー10<br />
小見出し1<br />
記事、説明、宣伝など自由に記入<br />
小見出し2<br />
宣伝、リンク集など<br />

</body>
</html>

　文字が赤いところが変更点です。打ち終わったら必ず上書き保存しましょう

　<h1>というタグは「大見出し」を意味しています。
　ちなみに見出しのタグは<h1>～<h6>まであります。数字が大きくなるごとに小さな見出しになっていきます。

　<br />というタグは「改行」を意味しています。

　ここまで書き終わったら「index.html」をダブルクリックしてブラウザで確認してみましょう。
　こんな感じになっていますね。→ このページの見本

　もしなっていなかったらどこかで打ち間違えをしています。
　もう一度よく確認してみましょう。
　よくある間違えは、半角と全角を間違えてしまったり、br の後の半角スペースを入れてなかったりという感じです。

「tableタグを使う」へ

アフィリエイトで副職