本当は誰にでもできる！ＨＰ作成の入門講座。ＨＰの作り方・はじめの一歩

ＨＰの作り方・はじめの一歩

実際に作ってみよう

百聞は一見にしかず。
まぁとりあえず一個、超簡単なサイトを作ってみましょう。
読みながら作りながらでジャスト5分！はじめの一歩はここから始まります。

１・とりあえず真似してみて
２・各種基本タグの解説
３・リンクを張ってみよう
４・完成

手順を先に行っちゃうと上記みたいな感じかな？
んじゃ、とりあえず行ってみましょう。

まずは基本中の基本みたいなサイトの骨組みをここで紹介します。
真似して（出来れば）手書きで書いてみてくださいね。

<title>HPサンプルサイト０１</title>
</head>
<body>

<center>
<table width=600 cellpadding=10 bgcolor=white><tr><td>
<h1>手作りお菓子のリンク集</h1>
お菓子のリンク集です。<BR><BR>

手作りおやつ支援サイト
<br>
<small>
とても内容が充実しているサイトです。
子供でも作れるお菓子レシピもあって、とってもおすすめのサイトです！</small><br><br>

お菓子レシピのページ　La cerise WEB
<br>
<small>
素材別にお菓子のレシピが探せるので重宝しているサイトです。
<br>
お菓子作りのFAQも充実しているのでうまくいかないことも、ここで解決！</small>
<br>
<br>

<table width=550 cellpadding=7 bgcolor=#dfedff><tr><td>
<small>
<p>
管理人の紹介<br>
HN：２歳児の母<br>
結婚前は有名パティシエのレシピ本を見ながら難しいスイーツに挑戦したりもしたけれど・・・<br>
結婚したら、材料費はかけられないし、ママになったら時間はないし・・・<br>
簡単に作れるレシピはないかなぁ・・とネットで探してみたら、素敵なページがいっぱい!<br>
見てるだけであっという間に時間が過ぎちゃいます（笑）
家にある材料で何か作りたいときは、いくつかのページを参考にしたいなぁ・・と思い、<br>
リンク集にまとめてみました。<br><br>

まだまだ作成中ではありますが、充実したサイトになるように随時更新していきますので、よろしくお願いします。<br>
それでは、素敵なページがたくさんあるので、ぜひ、足を運んでみてください♪<br>
</p>

<br><br>
</small>
</td></tr></table>

</td></tr></table>

</center>
</body>
</html>

うわ！面倒くさそう！って、逃げない逃げない。HPの作り方のはじめの一歩。やってみればそれほどややこしくはないですから。
さて、タグの一つ一つを解説していきますね。
<html>
<head>
<body>
のタグに関してはすでにメモ帳で出来ることのページで解説しているので、ふっ飛ばしてしまって、
このサンプルサイトでは<head>真下に来ている謎の長ったらしいタグから解説していきますね。

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

これ、「メタタグ」って言います。意味としてはこっから下のHTML言語内で使われているのはShift_JIS＝
つまり、日本語ですよって意味になります。</meta>で閉じる必要はなく、頭に一個つけるだけでOK。
日本語が正しく表示される手助けをしてくれます。

次に出てくるタグは＞＞＞

ＨＰの作り方・はじめの一歩
クレジットカード、即日発行