フォントの強調 | html 大学 SEO 学科

html 大学 SEO 学科

HTMLの基礎から応用まで。
ブログの更新に役立つものや、サイトを作成する方へ。

太文字 <B>~</B>

<B>タグ</B>っておもしろいでしょ?

タグっておもしろいでしょ?






強調(太文字) <Strong>~</Strong>

より強調を意味する<Strong>太い文字</Strong> になります。

より強調を意味する太い文字 になります。


【注意】
ブラウザでの表示のされ方は<b>と同じですが、
Googleなどの検索エンジンの キーワードとしての重要性が違います。
<strong>のほうがより強い強調になります。





斜体文字 <I>~</I>
ちょっとだけ<I>カッコいい</I>んですよね。
ちょっとだけカッコいいんですよね。


強調(斜体) <Em>~</Em>

<Em>Googleなどの検索エンジンに重要視されるタグです。</Em>
Googleなどの検索エンジンに重要視されるタグです。



強調(斜体)アドレスタグ <Address>~</Address>

<Address>みんタグ@メールアドレス</Address>
みんタグ@メールアドレス


【注意】
ブラウザでの表示のされ方は<i>と同じですが、
Googleなどの検索エンジンの キーワードとしての重要性が違います。
<em>のほうがより強い強調になります





下線 <U>~</U>
重要な部分には<U>下線</U>を引いてやりましょう。
重要な部分には下線を引いてやりましょう。


下線 <Ins>~</Ins>
こちらは文章が後から<Ins>付け加えられた</Ins>意味を含むタグです。

こちらは文章が後から付け加えられた意味を含むタグです。







取り消し線 <S>~</S>
昔書いた文章の<S>訂正</S>などに使うといいですね。
昔書いた文章の訂正などに使うといいですね。



取り消し線 <Strike>~</Strike>
こちらも<Strike>同じ効果</Strike>になります。
こちらも同じ効果になります。



取り消し線(削除文) <Del>~</Del>
こちらは文章を<Del>削除</Del>する意味を含むタグです。
こちらは文章を削除する意味を含むタグです。





等幅フォント <Tt>~</Tt>
<Tt>等幅フォントにするのもいいですね。</Tt>
等幅フォントにするのもいいですね。





大き目の文字 <Big>~</Big>
普通の文字と<Big>大き目の文字</Big>
普通の文字と大き目の文字


小さめの文字 <Small>~</Small>
普通の文字と<Small>小さ目の文字</Small>
普通の文字と小さ目の文字





上付き文字 <Sup>~</Sup>
Supは<Sup>上付き文字</Sup>です。
Supは上付き文字です。


下付き文字 <Sub>~</Sub>
Subは<Sub>下付き文字</Sub>です。
Subは下付き文字です。



応用サンプル
併用して、 かわいいロゴを作る事ができます。

<Sup>H</Sup><Sub>T</Sub><Sup>M</Sup><Sub>L
</Sub><Font Size="4">タグ辞書</Font>

HTMLタグ辞書



見出し <H1~6>~</H1~6>

H1 みんなのタグ辞書

<H1>H1</H1>

H2 みんなのタグ辞書

<H2>H2</H2>

H3 みんなのタグ辞書

<H3>H3</H3>

H4 みんなのタグ辞書

<H4>H4</H4>
H5 みんなのタグ辞書
<H5>H5</H5>
H6 みんなのタグ辞書
<H6>H6</H6>



Align="left,center,right"を付ける

左揃えの見出し

中央揃えの見出し

右揃えの見出し

<H3 Align="left">左揃えの見出し</H3>
<H3 Align="center">中央揃えの見出し</H3>
<H3 Align="right">右揃えの見出し</H3>