HTMLでホームページを作る
文字の表示

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>このぺーじのタイトル </title>
</head>

<body>
例2のページ
タイトルはここではなくブラウザのどこかに表示されていますよ。
</body>

</html>

これは基礎編の最後に紹介して物ですが、 もう一度これを実際に表示!してください。
前回は、タイトルがどこに表示されているのかを、見てもらいましたが、今度は、表示されている本文の文字に注目してください。

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
例2のページ
タイトルはここではなくブラウザのどこかに表示されていますよ。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

というふうに、改行しているのですが、実際にブラウザで表示すると、

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
例2のページ タイトルはここではなくブラウザのどこかに表示されていますよ。
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

というふうに、改行されずに表示されます。
実は、HTMLでは、改行したい場合には、そこに<br>と書き入れることになっています。
それで、こんなふうになります。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>このぺーじのタイトル </title>
</head>

<body>
例3のページ<br>
タイトルはここではなくブラウザのどこかに表示されていますよ。
</body>

</html>

例3のページの後に<br>を書きました。
これを、実際に表示してみると、どうでしょうか?
改行されていたでしょうか?
文章の中で、改行したい場所に<br>と書けば、そこで改行してくれます。
字の大きさを変えたい場合は、このようにします。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>このぺーじのタイトル </title>
</head>

<body>
<font size="6">例4のページ</font><br>
タイトルはここではなくブラウザのどこかに表示されていますよ。
</body>

</html>

<font size="6">と</font>で、囲まれた部分が大きくなります。
実際に表示
<font></font>というのは、「それに囲まれた文字についての取り決めですよ!」という意味です。
size="6"というのは、字の大きさについての取り決めです。つまり、<font></font>の間にある文字の取り決めの具体的な内容です。
この場合は、「字の大きさが6番です」という意味です。この番号によって大きさが変わります。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>このぺーじのタイトル </title>
</head>

<body>
例5のページ<br>
<font size="1">サイズ1</font><br>
<font size="2">サイズ2</font><br>
<font size="3">サイズ3</font><br>
<font size="4">サイズ4</font><br>
<font size="5">サイズ5</font><br>
<font size="6">サイズ6</font><br>
<font size="7">サイズ7</font><br>
</body>

</html>

文字の大きさを示す番号は1番から7番までです。
ここで注意して欲しいことは、HTMLのタグでは<>""やローマ字、数字は全て半角で記入します。
空白も半角の空白を使います。(fontとsize="6"などの間の空白)
ただし、文章は全角でも半角でも基本的にはOKです。
実際に表示してみるとどうなるか!
表示された文字の大きさは、1から7の順に大きくなっていますね。
ただし、実際の大きさはブラウザによって違うという話です。(私はよく知りませんが・・)
ただ一つ言えることは、どもブラウザでも1から7の順に大きくなります。
さらに文字の種類を指定するには・・
<font face="MS Pゴシック"></font>や、<font face="MS P明朝"></font>のように、 face="文字の名前"で、指定します。
ただし、文字の指定については、見ている人のパソコンにその文字があるかどうかが大切です。
見ている人のパソコンにその文字がなければ、指定したとおりの文字にはなりません。
というわけで、このように文字の種類と大きさを指定できます。
<font size="4" face="MS ゴシック">HPに表示する文字</font>
これ以外にも、文字の大きさや種類を指定する方法がありますが、それはまた今度!

次は、もう少し本格的にHTMLを使うための準備のお話!
5.HTMLでホームページを作る。準備編へ
PC−PARKトップに戻る
心の話サイコロTown!へ





広告 [PR]  再就職支援 冷え対策 わけあり商品 無料レンタルサーバー