全国





超簡単ホームページ(HTML)


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

step1

まず、基本のHTML。
 表示  ソース
こんにちは!


<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>