HTML 画像 img タグ_Powernode Java アカデミー

HTML 画像 img タグ_Powernode Java アカデミー

まとめ

をサポート
プロジェクトの
説明
形式
<img src="...">
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1
+
タグ省略
開始タグ: 必須、終了タグ: なし

例示する

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

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

高さ属性と幅属性は必須ではありませんが、これら 2 つの属性を設定すると、画像をより速く開くことができ、画像を表示するときに特定の表示バグを回避できます。

財産

【重要な属性】

財産
意義
src = URL
H2+/e2+/N2+。画像へのパス。必須属性です。
代替=代替
H2+/e2+/N2+。画像の説明。一部のブラウザで画像を表示できない場合は、Web ページ上で画像の説明を確認できます。これは HTML4.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 を設定します。
galleryimg =ブール
e6以上。 200×200より大きい画像にマウスを置くと、ツールバーは表示されません。 <meta>内でグローバルに指定することもできます。
縦スペース= n
H3-H4T/e2+/N2+。画像の周囲の水平余白を設定します。
longdesc = URL
H4.画像の説明が長すぎて title 属性に完全に表示できない場合は、この属性を使用して、画像の説明を含むドキュメントの URL を指定します。
lowsrc = URL
e4+/N2+。画像が大きい場合、ブラウザでの表示に時間がかかる場合があります。画像がネットワーク経由で送信中の場合、lowsrc 属性を使用してサムネイルを指定し、最初にブラウザに表示されるようにすることができます。元の画像が送信された後、サムネイルは自動的に置き換えられます。
抑制する=抑制する
N4+。抑制とは抑圧することを意味します。デフォルト値はfalseです。 trueに設定すると、画像送信中に、画像の位置に表示される小さなアイコンがツールヒント (プロンプト ボックス) に置き換えられます。
縦スペース= n
H3-H4T/e2+/N2+。画像の周囲の垂直余白を設定します。
名前=名前
H4/e4+/N3+。名前を指定します。

【クリック可能なフィールド関連属性】

財産
意義
ismap
H2+/e2+/N2+。画像がサーバー側のイメージマップであることを指定します。
使用マップ=使用マップ
H3+/e2+/N2+。画像がクライアント側のイメージマップであることを指定します。 <map> を参照してください。

【動画関連属性】

財産
意義
コントロール
e2-e3。ビデオの下に再生コントロールを表示します。 IE4.0 では非推奨です。
dynsrc = URL
e2+。ビデオファイル（*.avi）を指定します。すでに<embed>タグと<object>タグが存在するため、この属性は基本的に誰も使用しません。
ループ= n
e2+。再生回数を設定します。 loop= infiniteの場合、再生は無限にループします。
スタート=スタート
e2+。 fileopenに設定すると、Web ページが開かれるとすぐにビデオが再生されます。 mouseoverに設定すると、マウスをビデオの上に置くとビデオの再生が開始されます。

【データバインディング関連プロパティ】

財産
意義
データフィールド=データフィールド
e4以上。データをバインドするときにデータ ソースの列名を指定します。
データ src =データ src
e4以上。データをバインドするときにデータ ソースの ID を指定します。

【一般特性】

財産
平均
クラス=クラス
H4+/e3+/N4+。クラスを指定します。
id = id
H4+/e3+/N4+。 ID を指定します。
スタイル=スタイル
H4+/e3+/N4+。スタイルを指定します。
タイトル=タイトル
H4+/e4+/N6+。タイトルを指定します。
ディレクトリ=ディレクトリ
H4+/e5+/N6+。テキストが表示される方向を指定します。
lang =ラン
H4+/e4+/N6+。言語を指定します。
アクセスキー=キー
H5+。ショートカットキーを割り当てます。
タブインデックス= n
H5+。 TAB キーがコントロール間を移動する順序を指定します。
コンテンツ編集可能=ブール
H5+/e55+。要素を編集可能にします。
コンテキストメニュー= id
H5+。コンテキストメニューを指定します。
ドラッグ可能=ブール値
H5+。ドラッグ可能。
ドロップゾーン=値
H5+。ドラッグアンドドロップします。
隠れた
H5+。要素を非表示にします。
スペルチェック=ブール値
H5+。スペルを確認してください。
IE 拡張プロパティ
IE拡張属性を指定できます。

例

HTMLコード

<img src="image/kanami.jpg" alt="サンプル画像" width=100 height=100>

<<:  MySql ファジークエリ JSON キーワード取得ソリューションの例

>>:  JavaScript 即時実行関数の使用状況分析

推薦する

Vueでタイマーをエレガントにクリアする方法

目次序文最適化派生的な質問: beforeDestroy はトリガーされませんか?序文タイマーをクリ...

Linux での JDK と Tomcat のアップロードと設定に関する詳細なチュートリアル

準備1. 仮想マシンを起動する2. gitツールルートアカウントでログインルートアカウントを使用して...

ReactでのsetStateの使用と同期と非同期の使用

React では、this.state を使用して状態を直接変更しても、コンポーネントは再レンダリン...

JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します

目次単一条件単一データフィルタリング単一条件複数データフィルタリング複数の条件付きデータフィルタリン...

CSSでフレックス配置を表示する（レイアウトツール）

display: flex レイアウトに関しては、深く理解している人もいますし、私も他の人の作業か...

JavaScript は、マウスがテーブル行を通過するときに色の識別を実装します。

この記事では、マウスがテーブルの行を通過するときにJavaScriptを使用して色ラベルを表示する方...

HTML テーブル タグ チュートリアル (34): 行スパン属性 ROWSPAN

複雑なテーブル構造では、一部のセルが水平方向に複数のセルにまたがるため、行間属性 ROWSPAN を...

Reactでパスワード強度検出器を実装する方法

目次序文使用コンポーネントの記述データ構造分析プロセス分析基礎コードの分析他の要約する序文パスワード...

純粋な CSS3 で蝶が羽ばたく様子を再現する例

純粋なCSS3で蝶が羽ばたく様子を再現。まずはその効果をご覧ください どうですか？効果はかなりいいで...

LambdaProbe を使用して Tomcat を監視する方法

導入： Lambda Probe (旧称 Tomcat Probe) は、Apache Tomcat...

jQueryはショッピングカートの完全な機能を実現します

この記事では、ショッピングカートの完全な機能を実現するためのjQueryの具体的なコードを参考までに...

CSS3 を使用した背景ぼかし効果の 3 つの例

導入から始めず、いきなり本題に入りましょう。通常の背景ぼかし効果は次のとおりです。 プロパティを使用...

Webフロントエンド開発エンジニアが習得すべきコアスキル

Web フロントエンド開発に含まれる内容は、主に W3C 標準の構造、動作、パフォーマンスです。では...

Vueのリストレンダリングの詳細な説明

目次1. v-for: 配列の内容を走査する（よく使われる） 2. v-for: オブジェクトのプロ...

繰り返し送信、繰り返し更新、バックオフ防止に関する問題と解決策の分析

1つ。序文<br />この種の質問は、どの専門掲示板でも見かけます。Google で検索...