全国





超簡単ホームページ（HTML）


ここでは、ホームページをタグで書く練習をします。
タグで書くのって難しくない？　とお思いの方、大丈夫です。
覚えるのは、数個のルールだけですから。

step1

まず、基本のＨＴＭＬ。
　表示 　ソース
こんにちは！ 


<html>
<head>
</head>
<body>
こんにちは！
</body>
</html>
*ソース部分をテキストに貼り付け保存、
拡張子をhtmlにして確認できます。






step2

ちょっと
それらしくしてみましょう。
改行を参考にしてください。
　表示　　　 　ソース 
猫が好き！

1　猫の歴史
2　準備する
3　猫がきたら
4　猫のしつけ
5　猫グッズ




<html>
<head>
</head>
<body>


猫が好き！<br>
<br>
1　猫の歴史<br>
2　準備する<br>
3　猫がきたら<br>
4　猫のしつけ<br>
5　猫グッズ<br>
<br>

</body>
</html>






step3

色をつけてみましょう。
色見本と方法を参考にしてください。
　表示　　　 　ソース 
猫が好き！

1　猫の歴史
2　準備する
3　猫がきたら
4　猫のしつけ
5　猫グッズ




<html>
<head>
</head>
<body>


<font color="red">猫が好き！</font>
<br>
<br>
1　猫の歴史<br>
2　準備する<br>
3　猫がきたら<br>
4　猫のしつけ<br>
5　猫グッズ<br>
<br>
</body>
</html>






step4

文字の大きさを変更してみましょう
文字サイズを参考にしてください。
　表示　　　 　ソース 
猫が好き！

1　猫の歴史
2　準備する
3　猫がきたら
4　猫のしつけ
5　猫グッズ




<html>
<head>
</head>
<body>


<font color="red " font size="+1">猫が好き！</font>
<br>
<br>
1　猫の歴史<br>
2　準備する<br>
3　猫がきたら<br>
4　猫のしつけ<br>
5　猫グッズ<br>
<br>
</body>
</html>






step5

リンクを挿入しましょう
リンクを参考にしてください。
　表示　　　 　ソース 
猫が好き！

1　猫の歴史
2　準備する
3　猫がきたら
4　猫のしつけ
5　猫グッズ




<html>
<head>
</head>
<body>

<font color="red " font size="+1">猫が好き！</font>
<br>
<br>
1　猫の歴史<br>
2　準備する<br>
3　猫がきたら<br>
4　猫のしつけ<br>

5　<a href="http://kokoneko.com/index2.php">猫グッズ</a>

<br>
</body>
</html>