テキストタグ ホームページ作成支援サイト ウェブライズで素材をゲット
ウェブ ライズ
ウェブ デザイン
サイトマップ
HOME >> HTML >> テキストタグ
コンテンツ

テキストタグ


フォントタグ

フォントタグは文字のサイズや色を指定するタグです。ただし、実際にはフォントタグを使用せず、cssを使用するようにW3Cが勧告しています。
<font>フォント</font>

フォントサイズ

フォントサイズは文字のサイズを指定する属性で、1から7のサイズ指定が可能です。下記の3の部分を希望するサイズ(1から7)に変更します。なお、<basefont size="3">タグを使用すれば、それ以降のフォントサイズを一括で指定できます。このタグもサイズは1から7ですが、閉じタグ(</basefont>)は必要ありません。
<font size="3">フォントサイズ</font>

1 2 3 4 5 6 7

フォントカラー

フォントに色を指定する属性で、下記の#ff0000部分に色情報のコードを入力することによってフォントの色を変えることが出来ます。ちなみに#ff0000は赤色で、redと指定することも可能です。
<font color="#ff0000">フォントカラー</font>

#0000ff 青色
green 緑色

#ff6600 オレンジ色でサイズ5

フォントの種類

フォントの種類を指定するタグです。下記のフォント1,フォント2,フォント3の部分に指定するフォント名を入力し、複数あるときは左から優先順位にカンマで区切ります。
<font face="フォント1,フォント2,フォント3">フォントの種類</font>

MS Pゴシック
MS P明朝

見出しタグ

見出しに使用するタグで、SEO対策にも効果があります。サイズは<h1>から<h6>まであり、数字が大きくなるにつれて文字のサイズも大きくなります。なお、<h1></h1>はページに一回だけ使用するようにしましょう。
<h1>見出し1</h1>

<h5>見出し5</h5>
<h6>見出し6</h6>

上付き文字

文字を上付きにするタグです。
<sup>上付き</sup>文字

上付き文字   42

下付き文字

文字を下付きにするタグです。
<sub>上付き</sub>文字

下付き文字   H20

太字

フォントを太字にさせるタグで、<b></b>と<strong></strong>の2種類あります。bタグはブラウザ上で文字を太く表示させて強調するタグですが、strongタグにはそれに加えてグーグルのクローラーなどのロボットに、この語句が重要であることを伝える効果があり、SEO対策にもなります。ただし、strongタグの使いすぎは効果が少なくなってしまうため、強調する語句を選んで使うようにしましょう。
<b>太字</b>
<strong>太字</strong>

太字(bタグ使用)
太字(strongタグ使用)

斜体

フォントを斜体にさせるタグで、<i></i>と<em></em>の2種類あります。iタグはブラウザ上で文字を斜体に表示させて強調するタグですが、emタグにはそれに加えてグーグルのクローラーなどのロボットに、この語句が重要であることを伝える効果があり、SEO対策にもなります。ただし、emタグの使いすぎは効果が少なくなってしまうため、強調する語句を選んで使うようにしましょう。
<i>斜体</i>
<em>斜体</em>

斜体(iタグ使用)
斜体(emタグ使用)

下線

文字に下線(アンダーライン)を付けるタグです。
<u>アンダーライン</u>

アンダーライン

取り消し線

文字に取り消し線を付けるタグです。
<s>取り消し線</s>

取り消し線

点滅文字

文字を点滅させるタグです。ネットスケープでは点滅しますが、インターネットエクスプローラーでは点滅しません。
<blink>点滅</blink>

点滅

文字を流す

文字を流すタグです。あいだに画像を指定すれば画像を流すことも可能です。
<marquee>文字を流す</marquee>

<marquee scrollamount="1">文字をスピード1で流す</marquee>
文字ををスピード1で流す

<marquee width="300">文字を300px間で流す</marquee>
文字を300px間で流す

<marquee behavior="alternate">文字を左右に動かす</marquee>
文字を左右に動かす

<marquee direction="up" height="20">文字を上に流す</marquee>
文字を上に流す

ルビ(フリガナ)

文字にルビ(フリガナ)付けるタグです。<rp></rp>の間に未対応のブラウザ用に文字を入力し、<rt></rt>の間にフリガナを入力します。
<ruby>振り仮名<rp>(</rp><rt>フリガナ</rt><rp>)</rp></ruby>

振り仮名フリガナ

等幅フォント

文字を等幅フォントするタグです。
<tt>等幅フォント</tt>

等幅フォント

コメント

HTMLのソースコード中で注釈を付けたい時に使用します。このタグの中に入力された言葉はブラウザ上には表示されないので、印しとして使用できます。
<!-- ここからコンテンツ部分 -->
▲トップへ戻る