HTML画像imgタグ_动力节目Java学院整理
2022-01-25 13:37:39
抽象的
<テーブル
項目
<スパン
説明
<スパン
フォーム
<img src="... ">
<スパン
サポート
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
タグ省略
開始タグ：必須、終了タグ：なし
説明
imgはImageの略で、src属性で画像へのパスを指定します。
HTML4.01では、画像を表示しないブラウザやオーディオブックブラウザに対応するために、<img>タグのalt属性が必要でしたが、HTML5では不要になりました。
height属性とwidth属性は必須ではありませんが、設定しておくと、画像を表示する際に、画像をより速く開いたり、一部の表示上のバグを回避することができます。
属性
[重要な属性
<テーブル
<スパン
属性
<スパン
意味
src
=
url
H2+/e2+/N2+. 画像へのパス。必須属性です。
<スパン
アルト
=
<スパン
アルト
H2+/e2+/N2+. 画像の説明文。HTML 4.01で必須の属性で、一部のブラウザが画像を表示できない場合に、ウェブページに画像の説明を表示するために使用します。
<スパン
高さ
=
<スパン
n
H3+/e2+/N2+. 画像の高さを設定します。
<スパン
幅
=
<スパン
n
H3+/e2+/N2+. 画像の幅を設定します。
特徴
<テーブル
<スパン
属性
<スパン
意味
整列
=
<スパン
整列
H2-H4T/e2+/N2+. 画像を表示する位置を指定します。align="right"とalign="left"を設定すると、画像の左または右にテキストを表示させることができます。この効果を解除するには、<br clear=all>を使用します。
ボーダー
=
<スパン
n
H3-H4T/e2+/N2+. 画像の周りのボーダーラインの太さを指定します。画像が <a href="... ">~</a> タグに含まれている場合、枠線が自動的に生成されます。解除したい場合は、border=0を設定してください。
ギャラリー画像
=
<スパン
ブール
e6+. 200×200以上の画像にマウスオーバーした場合、ツールバーを表示しない。また、ツールバーを
<スパン
<meta>
でグローバルに指定する。
<スパン
スペース
=
<スパン
n
H3-H4T/e2+/N2+. 画像の周りの水平方向のマージンを設定します。
<スパン
ロングデスク
=
url
H4. 画像の説明文が長すぎて title 属性が完全に表示できない場合、この属性を使用して画像の説明文を含むドキュメントの URL を指定します。
<スパン
ローワード
=
url
e4+/N2+です。画像が大きい場合、ブラウザに表示されるまでに時間がかかることがあります。ネットワークで画像を転送している間は、lowsrc属性でサムネイル画像を指定しておくと、先にブラウザに表示され、元の画像が転送されると自動的にサムネイルが入れ替わります。
抑制する
=
<スパン
抑制する
N4+.suppressは抑制を意味する。デフォルト値は
虚偽
に設定すると
真
画像が転送された場合、画像の場所に表示されるべき小さなアイコンは、ToolTipに置き換えられます。
<スパン
vスペース
=
<スパン
n
H3-H4T/e2+/N2+. 画像の周りの縦の余白を設定します。
名称
=
名称
H4/e4+/N3+. 名前を指定します。
[クリッカブルフィールド関連属性
<テーブル
<スパン
属性
<スパン
意味
マップ
H2+/e2+/N2+. 画像がサーバーサイドイメージマップであることを指定します。
ユースマップ
=
<スパン
ユースマップ
H3+/e2+/N2+. クライアントサイドイメージマップとして画像を指定する。<map> を参照してください。
[動画関連属性
<テーブル
<スパン
属性
<スパン
意味
<スパン
コントロール
e2-e3。動画の下に再生コントロールボタンを表示します。IE4.0 で非推奨。
<スパン
ダイナースクラブ
=
url
e2+. 動画ファイル(*.avi)を指定します。すでに
<embed>
と
<object>
タグを使用するため、この属性はほとんど使用されません。
ループ
=
<スパン
n
e2+. 再生回数を設定する loop=
<スパン
無限
のとき、無限ループが再生されます。
開始
=
<スパン
開始
e2+. に設定する
<スパン
ファイルオープン
は、ページを開くと同時に再生されます。に設定します。
<スパン
マウスオーバー
マウスがビデオの上に乗ると、再生が始まります。
[データバインディング関連プロパティ
<テーブル
<スパン
属性
<スパン
意味
<スパン
データフォルダ
=
<スパン
データフィールド
e4+. データバウンド時のデータソースのカラム名を指定します。
データトラック
=
<スパン
データトラック
e4+. データバインド時のデータソースのIDを指定します。
[一般的なプロパティ
<テーブル
<スパン
属性
<スパン
意味
クラス
=
<スパン
クラス
H4+/e3+/N4+. クラスを指定します。
イド
=
イド
H4+/e3+/N4+. IDを指定します。
スタイル
=
<スパン
スタイル
H4+/e3+/N4+. スタイルを指定します。
タイトル
=
タイトル
H4+/e4+/N6+。タイトルを指定します。
ディレ
=
<スパン
ディレ
H4+/e5+/N6+。表示するテキストの向きを指定します。
ラング
=
<スパン
ラング
H4+/e4+/N6+。言語の種類を指定します。
<スパン
アクセスキー
=
<スパン
キー
H5+. ショートカットキーを割り当てる。
タブインデックス
=
n
H5+. コントロール内のTABキーの移動順序を指定します。
充実した
=
ブール
H5+/e55+. 要素を編集可能にする。
コンテキストメニュー
=
アイド
H5+. コンテキストメニューを指定する。
ドラッガブル
=
ブール
H5+. ドラッガブル。
ドロップゾーン
=
価値
H5+. ドラッグ＆ドロップが可能です。
隠れ
H5+. 要素を隠す。
スペルチェック
=
ブール
H5+. スペルを確認する。
IE拡張属性
IEの拡張属性を指定することができます。
事例紹介
HTMLコード
<img src="image/kanami.jpg" alt="Example image" width=100 height=100>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン