画像タグ



HTML  〜タグ〜


画像タグ


 画像を表示させるタグ。普通に表示させます。

<img src="画像アドレス">

 普通に画像を表示させます。







サイト上部へ↑  トップページへ



 画像に触れると文字がでるタグ。

<img src="画像アドレス" alt="文字">

サンプルです! 画像に触れると文字がでます。







サイト上部へ↑  トップページへ



 右クリック禁止の画像を表示させるタグ。右クリックで警告するタグ。

<img src="画像アドレス" oncontextmenu="return false">

 右クリックできない画像を表示します。




<img src="画像アドレス" oncontextmenu="alert('右クリック禁止!');return false">

 右クリックすると注意します。








サイト上部へ↑  トップページへ



 画像に枠を付けるタグ

<img src=アドレス border=数字>

       画像に枠をつけます。左から1,2,3,4(数字)



サイト上部へ↑  トップページへ



 画像の大きさを変えるタグ。画像の大きさを指定できます。

<img src=アドレス width=横幅 height=縦幅>


 このサンプルは15*15ピクセルで表示。


サイト上部へ↑  トップページへ



 画像を反転させるタグ。左右反転、上下反転させる。

<img src="画像アドレス" style="filter:fliph()">

 左右反転させます。



<img src="画像のURL" style="filter:flipv()">

 上下反転させます。


※もとの画像




サイト上部へ↑  トップページへ



 画像をモノクロ(白黒)にするタグ。

<img src="画像アドレス" style="filter:gray">

   元の画像

こんな感じで画像をモノクロにします。



サイト上部へ↑  トップページへ



 画像の色を反転させるタグ。

<img src="画像アドレス" style="filter:invert()">

   元の画像

こんな感じで画像の色を反転させます。



サイト上部へ↑  トップページへ



 画像をX線(エックス線)、レントゲンのように表示させるタグ。

<img src="画像アドレス" style="filter:xray()">

   元の画像

こんな感じで画像をX線のようにします。



サイト上部へ↑  トップページへ



 画像にフィルターをかけるタグ。

<img src="画像アドレス" style="filter:alpha(style=1,opacity=100,finishopacity=0)">

    もとの画像






<img src="画像アドレス" style="filter:alpha(style=2,opacity=100,finishopacity=0)">

    もとの画像






<img src="画像アドレス" style="filter:alpha(style=3,opacity=100,finishopacity=0)">


    もとの画像


サイト上部へ↑  トップページへ



 画像をロールオーバーさせるタグ。触れると画像が変わるタグ。

<img src='最初のURL' onMouseOver=this.src='触れたときのURL' onMouseOut=this.src='触れた後のURL'>

 普通のロールオーバーです。






<img src="画像アドレス"style="filter:gray" onmouseover="this.style.filter=''" onmouseout="this.style.filter='gray'">

 触れると色がつきます。






<img src="画像アドレス" onmouseover="this.style.filter='gray'" onmouseout="this.style.filter=''">

 触れると白黒になります。

サイト上部へ↑  トップページへ



 大きな画像を貼った時にでるイメージツールバーを消すタグ。


<meta http-equiv="imagetoolbar" content="no">


※IE7は完全にイメージツールバーがなくなったようです。こんなタグ不要ですね(笑)
ちなみにこのタグを使うならヘッダに入れてください。






サイト上部へ↑  トップページへ













サイト上部へ↑  トップページへ


メニュー
HTML基本構造
HTML HEAD要素
HTML Body属性
HTML基本タグ
HTML文字タグ
HTML画像タグ
HTMLリンクタグ
HTMLラインタグ
HTMLリストタグ
HTMLテーブルタグ
HTMLアイフレームタグ
HTMLフレームタグ
HTMLテキストエリアタグ
HTMLカラーコード
HTMLその他タグ
HTMLリンク集







おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


PR







私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。



















Copyright(C) HTMLタグ All Rights Reserved


inserted by FC2 system