HTML の画像の タグ

墨辰丷
リリース: 2018-06-04 15:05:05
オリジナル
2701 人が閲覧しました

この記事では主にHTML画像imgタグの関連情報を紹介します

form

説明

imgとはImageの略です。 src 属性は、画像へのパスを指定するために使用されます。

HTML4.01では、画像を表示できない各種ブラウザや音声読み上げブラウザと連携するために、タグ内のalt属性を設定する必要があります。 HTML5はオプションになります。

height属性とwidth属性は必須ではありませんが、この2つの属性を設定すると画像をより速く開くことができ、画像表示時の一部の表示バグを回避できます。

属性

【重要な属性】

サポート

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

タグ省略

開始タグ: 必須、終了タグ: なし

属性

意味

src=url

H2+/e2+/N2+。画像へのパス。必須の属性。

alt=alt

H2+/e2+/N2+。写真の説明。一部のブラウザで画像が表示できない場合は、Webページ上で画像の説明をご覧いただけます。 HTML4.01では必須の属性です。

身長=n

H3+/e2+/N2+。画像の高さを設定します。

=n

H3+/e2+/N2+。画像の幅を設定します。

【特徴】

プロパティ

意味

align =整列

H2- H4T/e2+/N2+。画像の表示位置を指定します。画像の左側または右側にテキストを表示するには、align="right" および align="left" を設定します。この効果をキャンセルするには、
を使用します。

ボーダー=n

H3-H4T/e2+/N2+。画像の周囲の境界線の太さを指定します。 ~タグ内に画像が含まれる場合、枠線が自動生成されます。キャンセルしたい場合はborder=0を設定してください。

galleryimg=bool

e6+。 200×200を超える画像上にマウスを置いた場合、ツールバーは表示されません。 でグローバルに指定することもできます。

hspace=n

H3-H4T/e2+/N2+。画像の周囲の水平方向の余白を設定します。

longdesc=url

H4。画像の説明が長すぎて title 属性で完全に表示できない場合は、この属性を使用して画像の説明を含むドキュメントの URL を指定します。

lowsrc=url

e4+/N2+。画像が大きい場合、ブラウザでの表示に時間がかかる場合があります。画像がネットワーク経由で送信されている間、 lowsrc 属性を使用してサムネイルを指定すると、最初にブラウザに表示され、元の画像の送信後にサムネイルが自動的に置き換えられます。

抑制=抑制

N4+。抑制とは抑制するという意味です。デフォルト値はfalseです。tru​​eに設定すると、画像の送信中に画像の位置に表示される小さなアイコンがツールチップ(プロンプトボックス)に置き換えられます。

vspace=n

H3-H4T/e2+/N2+。画像の周囲の垂直方向のスペースを設定します。

名前=名前

H4/e4+/N3+。名前を指定してください。

【クリッカブルフィールド関連属性】

属性

の意味

ismap

H2+/e2+/N2+。イメージをサーバー側のイメージ マップとして指定します。

usemap=usemap

H3+/e2+/N2+。イメージをクライアント イメージ マップとして指定します。 <地図>をご参照ください。

【動画関連属性】

属性

意味

s

e2-e3。ビデオの下に再生コントロールを表示します。 IE4.0では廃止されました。

dynsrc=url

e2+。動画ファイル(*.avi)を指定します。すでに タグと タグがあるため、この属性は基本的には役に立ちません。

ループ=n

e2+。再生時間を設定します。 loop=infiniteの場合、無限ループで再生されます。

スタート=スタート

e2+。 fileopen に設定すると、Web ページが開かれるとすぐに再生されます。 mouseoverに設定すると、マウスを置くとビデオの再生が開始されます。

【データバインディング関連の属性】

【一般属性】

属性

の意味

datafld= datafld

e4+。データバインディングのデータソースの列名を指定します。

datasrc=datasrc

e4+。データをバインドするときにデータ ソースの ID を指定します。

属性

とは

クラスを意味します =クラス

H4+ /e3+/N4+。クラスを指定します。

id=id

H4+/e3+/N4+。 IDを指定してください。

スタイル=スタイル

H4+/e3+/N4+。スタイルを指定します。

タイトル=タイトル

H4+/e4+/N6+。タイトルを指定します。

dir=dir

H4+/e5+/N6+。テキストが表示される方向を指定します。

lang=lang

H4+/e4+/N6+。言語の種類を指定します。

アクセスキー=キー

H5+。ショートカットキーを割り当てます。

tabindex=n

H5+。コントロール内で TAB キーが移動する順序を指定します。

コンテンツ編集可能=bool

H5+/e55+。要素を編集可能にします。

contextmenu=id

H5+。コンテキストメニューを指定します。

ドラッグ可能=bool

H5+。ドラッグ可能。

ドロップゾーン=価値

H5+。ドラッグアンドドロップが可能です。

非表示

H5+。隠し要素。

スペルチェック=ブール

H5+。スペルチェックする。

IE拡張属性

IE拡張属性を指定できます。

Example

HTML code

<img src="image/kanami.jpg" alt="举例图片" width=100 height=100>
ログイン後にコピー

概要: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

関連する推奨事項:

PHPのHTMLのimgタグに16進数の画像データを表示する方法

正規表現を使用してIEで画像アドレスとimgタグを一致させる方法

方法imgタグ

のメモリリークに対処するため

以上がHTML の画像の タグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート