html 大学 SEO 学科
AmebaAmeba 20th Anniv.ホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

html 大学 SEO 学科

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

Amebaでブログを始めよう！
次ページ >>

改行、改行禁止

改行　<Br>
改行したい部分にこのタグを入れることで<Br>改行されます。
改行したい部分にこのタグを入れることで
改行されます。




回りこみ解除改行　<Br clear="位置">
<Img Src="sanrin.gif" Align="left">
画像に文字の回りこみをしていた場合、<Br>
回りこみを解除して改行できます。<Br clear="left">
位置には、left、center、rightが入ります。
画像に文字の回りこみをしていた場合、
回りこみを解除して改行できます。
位置には、left、center、rightが入ります。


改行禁止　<Nobr>～</Nobr>
<Nobr>改行させたくない文字を改行させないように出来ます。</Nobr>

フォントの動的タグ

点滅文字

点滅文字タグ<Blink>は、Internet Explorerでは使えません。 Netscape、Mozilla Firefox等では使えるタグです。更に、携帯用HPを作成する場合、Marqueeタグ同じように動的な表現ができるので、非常に使い勝手の良いタグです。


点滅文字　<Blink>～</Blink>

<Blink>点滅</Blink>してますか？
点滅してますか？



流れる文字タグの使い方
流れる文字（マーキー）は、元々Internet Explorerでしか使えないタグでした。
Netscape 7.1から、マーキータグが使えるようになりました。
ですので、IE、NN問わず使えます。

マーキー初級編

<Marquee>普通</Marquee>
普通


<Marquee width="200">横幅を決めた</Marquee>
横幅を決めた


<Marquee direction="right">右へ進む</Marquee>
右へ進む


<Marquee behavior="alternate">左右へ動く</Marquee>
左右へ動く


<Marquee Bgcolor="色コード">背景色付き</Marquee>
背景色付き






マーキー中級編

<Marquee scrollamount="50" truespeed>
スピードをかえた
</Marquee>スピードをかえた




マーキー上級編
<Marquee direction="up" height="50">
上へスクロール
</Marquee>
上へスクロール
※direction="up"で上へdirection="down"で下へ行きます。
※height="50"はスクロール範囲です。


<Marquee behavior="alternate" direction="up" height="50">
上下へスクロール
</Marquee>
上下へスクロール


<Marquee loop="1">回数を指定する</Marquee>
回数を指定する
※loop="1"で１回スクロールするという事です。
※リロードで１回動きます。更新 を押して見てください。







マーキー小技
<Marquee onmouseover=this.stop() onmouseout=this.start()>
オンマウスで静止
</Marquee>
オンマウスで静止



マーキー応用編
<Marquee Bgcolor="#e1f4ff"><Img Src="hikosen.gif"></Marquee>

※マーキータグに画像タグを入れるだけです。
<Marquee behavior="alternate" direction="up" height="50"><Marquee direction="right"> マーキーを２つ組み合わせ～♪
</Marquee></Marquee> マーキーを２つ組み合わせ～♪



マーキーは、人気のタグです。ネットスケープでも対応するようになりました。
ただし、ネスケではマーキーをふたつ組み合わせる事は出来ません。



























フォントの強調

太文字　<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>



次ページ >>