無料ではじめる!ホームページ入門〜ホームページ作成解説サイト〜 HOME HP HTML UP other Link about

HOME > HTML > HTML逆引きリファレンス > フォント

フォント

フォントサイズを絶対値で指定したい

<font size="○">〜</font>
○…1〜7

<font>タグのsize属性で設定します。1から7までの7段階あり、数字が大きいほどフォントも大きくなります。

HTMLソース
<font size="1">フォントサイズ1</font><br><br>
<font size="3">フォントサイズ3(標準)</font><br><br>
<font size="5">フォントサイズ5</font><br><br>
<font size="7">フォントサイズ7</font>

結果
フォントサイズ1

フォントサイズ3(標準)

フォントサイズ5

フォントサイズ7

TOP

フォントサイズを相対値で指定したい

<basefont size="●">
<font size="±○">〜</font>
●…1〜7
○…●との±の結果が1〜7となる数字

<basefont>タグで基準となるフォントサイズを指定しておき、このフォントサイズとの大きさの違いをプラスマイナスを使って相対的に表します。
<basefont>タグで基準となるフォントサイズを指定してしない場合は、基準となるフォントサイズは3になります。

HTMLソース
<basefont size="4">
基準となるサイズを4にしました。<br>
<font size="-2">基準サイズ−2</font><br><br>
<font size="+2">基準サイズ+2</font><br><br>

結果
基準となるサイズを4にしました。
基準サイズ−2

基準サイズ+2


TOP

フォントの種類を指定したい

<font face="○,○,…">〜</font>
○…フォントの名前(第一候補、第二候補、…)

<font>タグのface属性で設定します。複数の候補を並べるときは、「,」(カンマ)で区切って第一候補から順に記述します。 ユーザー側がどの候補のフォントもない場合は、ブラウザに設定されたデフォルトのフォントで表示されます。

HTMLソース
<font face="Comic Sans MS,Arial">Comic Sans MS</font>

結果
Comic Sans MS

TOP

フォントの色を部分的に指定したい

<font color="○">〜</font>
○…色指定値または色名

<font>タグのcolor属性で設定します。色の指定は色指定値、または色名で記述します。カラーコードはこちら。
色指定値…#rrggbb。「#」に続けて、赤「r」、緑「g」、青「b」の値を00〜ffの16進数で表します。
色名…色の名前で直接指定します。(white、yellow、blueなど。)

HTMLソース
<font color="yellow">yellow</font><br><br>
<font color="blue">blue</font><br><br>
<font color="#660099">#660099</font><br><br>
<font color="#FF0000">#ff0000</font>

結果
yellow

blue

#660099

#ff0000

TOP

フォントスタイルを指定したい

<b>〜</b>…太字
<i>〜</i>…斜体
<strike>〜</strike>…取り消し線
<s>〜</s>…取り消し線
<tt>〜</tt>…等幅
<u>〜</u>…下線
<big>〜</big>…大きめの文字
<small>〜</small>…小さめの文字

それぞれのタグで指定したフォントで表示されます。<s>〜</s>タグと<strike>〜</strike>タグは同じ働きを持ちます。

HTMLソース
<b>太字</b>になります。<br>
<i>斜体</i>を指定すると文字が傾きます。<br>
文字の下に<u>下線</u>が引かれます。<br>
<s>取消線</s>を指定すると文字の真ん中に線が引かれます。

結果
太字になります。
斜体を指定すると文字が傾きます。
文字の下に下線が引かれます。
取消線を指定すると文字の真ん中に線が引かれます。

TOP

特殊な文字を表示したい

&○;
○…番号またはキーワード

タグに用いられる記号(<、>、&、")や、キーボードでは入力できない文字・記号などは&に続けて番号でコードを指定するか、キーワードで指定します。
例)<…&lt;、>…&gt;、&…&amp;、"…&quot

HTMLソース
HTMLではタグそのものを表示させたいときに「<b></b>タグで文字を太字にします。」といったふうに記述してもうまく表示されません。<br>
このようなときは「&lt;b&gt;&lt;/b&gt;タグで文字を太字にします。」と記述します。
結果
HTMLではタグそのものを表示させたいときに「タグで文字を太字にします。」といったふうに記述してもうまく表示されません。
このようなときは「<b></b>タグで文字を太字にします。」と記述します。

TOP

当サイトへのリンクは確認不要です。
ご意見・ご感想などございましたらこちらまで tada_hp@hotmail.com
Copyright (C) 2004 by K.Y All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送