ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成HTML基礎講座 EasyStudyHTML TOP

ホームページ作成 HTML講座 fontタグ(文字)

ホームページ作成・HTML講座・スタイルシート(CSS)・javascript・SEO対策



fontタグ:文字サイズ、書体指定、文字色等 携帯リストマーク clear.gif
【解説】<font color=・・・>のみ携帯対応
文字サイズ・書体指定・文字色・その他修飾
文字サイズ
<basefont size="(1)">
<font size="(2)">任意の文字</font>
<インラインタグ style="font-size: (3)">任意の文字</インラインタグ>
(1)基本サイズ(1〜7を指定) 数字が大きくなるほど字も大きくなる。
(2)サイズ(-7〜7を指定)
(3)詳細なサイズ(単位指定もしくはキーワード指定)

単 位 意 味
in インチ。1in=25.4mm
cm センチメートル
mm ミリメートル
pt ポイント。1pt=1/72in
pc パイカ。1pc=12pt
px ピクセル。表示上の1ドット(単位指定が無ければpxが単位となります)
em 基準書体の文字の高さ
ex 基準書体の文字xの高さ
% 基準書体のサイズに対する百分率

キーワード 絶対サイズ キーワード 相対サイズ
xx-small 超特小 smaller より大きく
x-small 特小 larger より小さく
small    
medium 標準    
large    
x-large 特大    
xx-large 超特大    

サンプルソ−ス(サイズ)
<basefont size="2">
サンプルFONT-basefont
<font size="4">サンプルFONT-font</font>
<b style="font-size: 10pt">サンプルFONT-b</b>
pcリストマークサンプル表示
書体
<font face="(1)">任意の文字</font>
<インラインタグ style="font-family: (1)">任意の文字</インラインタグ>
(1)書体名
カンマで区切れば複数のフォントを指定できます。
最初に指定したフォントが優先で存在しなければ次フォント候補が設定されます。
サンプルソ−ス(書体)
<font face="MS P明朝">サンプルFONT</font>
<sapn style="font-family: 'MS Pゴシック','MS P明朝'">MSゴシックで表示・・・</span>
pcリストマークサンプル表示
文字色
<font color="(1)">任意の文字</font>
<インラインタグ style="color: (1)">任意の文字</インラインタグ>
(1)文字色(コード)
サンプルソ−ス(文字色)
<font color="red">赤で表示</font>
<font color="#ff0000">赤で表示</font>
<span style="color: red">赤で表示</span>
<span style="color: #ff0000">赤で表示</span>
pcリストマークサンプル表示

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora