無料ホームページ作成 HTML入門 y-labo - 文字（フォント）を設定するHTML

無料ホームページ作成情報 トップ > HTML入門 > 2-3）文字（フォント）を設定するHTML

 

文字（フォント）を設定するHTMLについて

HTMLで文字を設定します。
次の「2-4）レイアウトを設定するHTML」も合わせて確認してください。

このページで最終的に作成するページの見本はこちらです。

文字の設定 <font>タグ

文字を設定するタグの基本となる<font>タグです。
ただし、この<font>タグは将来的に使用できなくなる予定ですので、できるだけ「CSS（スタイルシート）」で設定するほうがよいでしょう。

※画像の中にある「<br>タグ」と「<p>タグ」については、次の「2-4）レイアウトを設定するHTML」で説明しています。

<font size="">タグで文字のサイズを設定

文字のサイズを設定します。
文字のサイズは、HTMLでは「1」〜「7」の7段階で表示します。
ワープロソフトのように「pt」で指定したい場合は「CSS（スタイルシート）」で設定する必要があります。

<font color="">タグで文字の色を設定

文字の色を設定します。
色の指定は、16進数で指定します。詳しくは「1-4）ホームページ上の色」で確認してください。

<font face="">タグで文字の種類を設定

文字の種類「フォント」を設定します。
インターネットでは、閲覧者の環境にそのフォントがインストールされていないと正しく表示されないこともあります。その為、Windows環境・Mac環境・その他の環境用に3つ指定すると良いでしょう。
従って、ロゴなど特殊なフォントを指定したい場合は画像で作成する必要があります。

ブラウザでプレビュー

ブラウザでプレビューすると以下のように表示されます。

HTMLでフォントサイズを指定する場合は、閲覧者のブラウザの設定で文字のサイズを変更できます。これは、閲覧者からみると便利な機能ですが、ホームページ作成者にとっては悩みの種になります。とくに細かいレイアウトを設定すると、そのレイアウトが崩れてしまうからです。「CSS（スタイルシート）」で設定するとそのようなことがおきなくなります。

強調するためのタグ <strong>タグ <em>タグ 他

文字を太字にしたり下線を引いたり、強調するためのタブです。

<b>タグ・<i>タグ・<strong>タグ・<em>タグで太字と斜体

文字を太字と斜体で強調します。
太字と斜体はそれぞれ2種類の設定方法があります。この二つは強調を意味するもので、「SEO対策」でも意味があります。一部の検索エンジンではキーワードとして判断することがあるからです。但し、無理に強調ばかりするとスパム（いやがらせ）と判断されて逆効果になることがあるので注意です。

<u>タグで下線・<s>タグで取り消し線

文字にを下線や取り消し線を設定します。
<u>タグは将来無くなる予定ですので、使用しないほうが良いでしょう。

<tt>タグで等幅フォント

文字を等幅フォントにします。

<big>タグで大きめの文字・<small>タグで小さめの文字

文字を大きめや小さめにします。

<sup>タグで上付き・<sub>タグで下付き文字

文字を上付き・下付きにします。

ブラウザでプレビュー

ブラウザでプレビューすると以下のように表示されます。

格安です！ホームページ制作をご依頼ください！！