HTMLタグでホームページ作成(SEO対策) そのC 文字のサイズ、フォント、色を変えよう@

文字のサイズや色<FONT>を変えて、
文字を強調してみよう。

見出しや段落を使ってさらに見やすくなった。

今度は段落内で文字を大きくしたり、色をつけて文字を強調してみる。

sample5.html

<HTML>
<HEAD>
<TITLE>
ホームページの作成方法
</TITLE>
</HEAD>
<BODY>
<H1>社長になりたい日記</H1>
<H2>社長を目指すため汗みず働く平社員の物語</H2>
<HR>
<P>3月10日</P>
<P>
今日は会社であった。最近、<FONT SIZE="5" COLOR=RED>定時上がり</FONT>ではあるが、仕事が詰まっており、苦しんでいる
。<BR>
しかし、家に持ち帰って<FONT SIZE="5" COLOR="#FF0088">サービス残業する気はない。</FONT><BR>
会社は会社。自宅は自宅。<BR><BR>
<FONT SIZE="2">建前はそうなんだけどね。。</FONT>
</P>
<HR>
<P>
3月11日
</P>
<P>
今日も会社。早く週末にならないかな。<BR>
今週はどこいこうかな。<BR>
残念ながら、<FONT COLOR="#FF0000">家計</FONT><FONT COLOR="#00FF00">財政難</FONT><FONT COLOR="#0000FF">遠出
</FONT>
は無理だけど、考えてみるか。<BR>
</P>
<HR>
</BODY>
</HTML>

<FONT SIZE="3">〜</FONT>で囲んだ部分について、文字のサイズが大きくなる。3が標準。1が最小。7が最大。

<FONT COLOR="AABBCC">〜</FONT>で囲んだ部分について、色が変わる。AAが赤の割合、BBが緑の割合、CCが青の割合。00〜FFで設定できる。いろいろ変えてどの色が良いか試してみよう。

COLORには"AABBCC"で設定する以外に、RED、BLACK、GREEN、GRAY、SILVER、RED、YELLOW、BLUE、WHITE等英語で設定できる。


サンプルソースをダウンロードできます。

以上で文字のサイズ変更や色づけ完了。

次は文字のフォントを変えてみよう。


実践!ホームページ作成TOP