文字の大きさを変えたり色をつけてみよう

パソコン　レスキュー隊

ホームページの初歩の初歩

文字の大きさを変えたり色をつけてみよう

1.作成したHTMLファイル「test.html」を開いてみよう

ダブルクリックするとIEが自動的に起動します。

2.HTMLソースを見てみよう

「表示」→「ソース」とクリックすると、メモ帳が起動して下のようなHTMLソースが見られます。

<HTML>
<HEAD>
<TITLE>練習HP</TITLE>
</HEAD>
<BODY>
ホームページのテスト
</BODY>
</HTML>

3.文字の大きさを変えてみよう

メモ帳を使って下のようにHTMLを書き換えてみよう。
タグは必ず半角、大文字でも小文字でもかまいません。

<HTML>
<HEAD>
<TITLE>練習HP</TITLE>
</HEAD>
<BODY>
ホームページのテスト
</BODY>
</HTML>

4.ファイルを上書き保存しよう

「ファイル」→「上書き保存」して、ブラウザの「更新」ボタンを押すと、下のように表示されると思います。文字が大きくなったでしょ？

　ホームページのテスト

5.今度は文字に色をつけてみよう

「表示」→「ソース」とクリック、メモ帳を使って下のようにHTMLを書き換えてみよう。

<HTML>
<HEAD>
<TITLE>練習HP</TITLE>
</HEAD>
<BODY>
ホームページのテスト
</BODY>
</HTML>

6.ファイルを上書き保存して、ブラウザの「更新」ボタンを押してみよう

大きい文字で、赤くなったでしょ？

　ホームページのテスト

7.フォントタグ

～で、文字のフォンント（大きさや色）を指定できます。
size="5" や　color="red"　は属性といって、フォントの性質を指定します。
size="3"　で標準の大きさ、color="red"　は色のコード（#を含む6桁の数字）も使えます。

フォントを変えたい文字列を必ずとでかこみます。

HPに画像を貼ってみよう

HPのトラブルはURLを書いてください