文字の装飾

文字の色をかえる

たとえば、文字の色を赤くしたいときには、赤くしたいところをとではさみます。
例

<body>
これは、例として作成した、私の初めてのホームページです。
</body>
</html>

　　↓表示例

これは、例として作成した、私の初めてのホームページです。

　"red"のところを、下記の色の名前にすれば、文字がそれぞれの色になります。
black, gray, silver, white, red, yellow, lime, aqua, blue, fuchsia, maroon, olive, green, teal, navy, purple
　色のコード記号を使って、もっと多くの色を使うこともできます。

目次に戻る

文字の大きさをかえる

文字を大きくしたいときには、大きくしたいところを<big>と</big>ではさみます。
　文字を小さくしたいときには、小さくしたいところをとではさみます。
　繰り返しはさむことで、さらに大きくしたり、小さくしたりすることもできます。
例

<body>
これは、<big>例</big>として<big><big>作成</big></big>した、私の初めてのホームページです。
</body>
</html>

　　↓表示例

これは、例として作成した、私の初めてのホームページです。

目次に戻る

文字を太字にする

文字を太くするには、太くしたい文字をとではさみます。
例

<body>
これは、例として作成した、私の初めてのホームページです。
</body>
</html>

　　↓表示例

これは、例として作成した、私の初めてのホームページです。

目次に戻る

センタリングをする

センタリングしたい範囲を<center>と</center>ではさみます。
例

<body>
<center>
これは、例として作成した、 
私の初めての 
ホームページです。 
</center>
</body>
</html>

　　↓表示例

これは、例として作成した、
私の初めての
ホームページです。

目次に戻る

図を表示する

図のファイルを用意して、HTMLのファイルと同じフォルダに保存しておきます。デジカメで取った写真などは、大きすぎて表示がしくにくい事が多いので、あらかじめサイズを小さくしておきましょう。図のファル名を「zu01.jpg」とします。
　図を表示したいところに、<img src="zu01.jpg">と記入します。
例

<body>
これは、例として作成した、私の初めてのホームページです。 
<img src="zu01.jpg">
</body>
</html>

目次に戻る

リンクを貼る

リンク先のファイルのファイル名を確認しておきます。リンク先のファイルを「link01.html」とします。
　リンク元の文字や図を<a href="link01.html">と</a>ではさみます。
例

<body>
これは、例として作成した、私の初めてのホームページです。 
<a href="link01.html">
ここをクリック 
<img src="zu01.jpg">
</a>
</body>
</html>

目次に戻る

水平線で画面を区切る

水平線を入れるところに、<hr>と記入します。
　<hr width="50%"> とすると、水平線の長さが50%になります。

目次に戻る

背景に色をつける

背景を水色にするには、<body> のところに「bgcolor="aqua"」を付け加えて
<body bgcolor="aqua"> とします。
例

<body bgcolor="aqua">
これは、例として作成した、私の初めてのホームページです。
</body>
</html>

　色の種類は、文字の色と同様です。文字の色と背景の色が同じだと、文字が見えなくなります。

目次に戻る

更新日時を右詰で表示する

　更新日時を表示したいところに、以下の文字を入れます。

目次に戻る

終わりに

　ホームページを作るHTMLについて、最も基本的なことだけをまとめました。
　HTMLを使って、もっといろいろなことができます。詳しいことは、関連リンクなどを参考にして、調べていただけたら、幸いです。
　また、もし私のページを見て参考になることがありましたら、メールなどで連絡を頂けると、嬉しく思います。

目次に戻る