HTML-文字の修飾
先程作成したhtmlファイルの内容を改造してみましょう。ここでは、- 文字を改行させる
- 文字を太字にする
- 文字を斜体にする
- 文字の大きさを変える
- 文字の色を変える
- 文字をセンタリングする
前のページで作成した「index.html」を以下のように変更してください。
index.htmlの変更
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY>
<CENTER>
<FONT SIZE="7">
<B>私の<I>ホームページ</I>にようこそ！</FONT></B><BR>
<FONT COLOR="BLUE">
これから色々作成していきます。ごゆっくりどうぞ
</FONT>
</CENTER>
</BODY>
</HTML>
文字を改行するには？
テキストエディタで改行してもブラウザでは改行されません。ブラウザで改行するには<BR>タグを使用します。
文字を太字にするには？
太字にしたい文字を<B>タグで囲みます。その他SEOでよく利用する<STRONG>タグを
使用しても太字で表示されます。
文字を斜体にするには？
斜体にしたい文字を<I>タグで囲みます。文字の大きさを変更するには？
大きさを変えたい文字を<FONT SIZE="n">タグで囲みます。nには1～7の値を指定でき、値が大きいほど大きな文字になります。
文字の色を変更するには？
色を変えたい文字を<FONT COLOR="nnnnnn">タグで囲みます。nnnnnnには色名をＲＧＢの16進数や、キーワード（ＢＬＵＥやＰＩＮＫなど）で指定できます。
センタリングするには？
センタリングしたい文章を<CENTER>タグで囲みます。このタグで囲った部分は文字だけではなく画像なども
全てセンタリングされます。
ここでは本文全てを囲みましたが特定の文章だけを
センタリングすることも出来ます。
↑上で説明したタグを打ち込みブラウザで表示するとこうなります
投稿者 hana : 2006年01月21日 23:18