ホームページ  >  記事  >  ウェブフロントエンド  >  HTML の画像の タグ

HTML の画像の タグ

墨辰丷
墨辰丷オリジナル
2018-06-04 15:05:052645ブラウズ

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

form

17c29d0feefd93635cdc2a8b849ec1aaタグ内のalt属性を設定する必要があります。 HTML5はオプションになります。

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

属性

【重要な属性】

属性

意味

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" を設定します。この効果をキャンセルするには、c32c1f0cf2c4789382020f567969fc21 を使用します。

ボーダー=n

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

galleryimg=bool

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

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)を指定します。すでに d8e2720730be5ddc9c2a3782839e8eb6 タグと 273238ce9338fbb04bee6997e5552b95 タグがあるため、この属性は基本的には役に立ちません。

ループ=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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。