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 即時実行関数の使用状況分析

推薦する

HTMLのセマンティクスといくつかの簡単な最適化についての簡単な説明

1. セマンティゼーションとは何ですか? Bing辞書の説明セマンティクス化とは、適切な HTML ...

docker公式mysqlイメージのカスタム構成の詳細な説明

インストール時間を節約するために、公式の mysql docker イメージを使用して mysql ...

MySQL スロークエリログの役割と公開

序文MySQL スロー クエリ ログは、MySQL が提供するログ レコードの一種です。これは、応答...

vue3 キャッシュページキープアライブと統合ルーティング処理の詳細な説明

目次1. はじめに2. 使用1. vue2とvue3の違い2. ページ上の一部のデータはキャッシュす...

Reactでのこのリファレンスの詳細な説明

目次原因：以下を実行します: 1. コンストラクター2.レンダリング機能3.bind関数とarrow...

MySQLでカーソルを宣言する方法

MySQL でカーソルを宣言する方法: 1. 変数とカーソルを宣言する 結果をvarchar(300...

MySQL 5.7.21 のインストールと設定のチュートリアル

mysql5.7.21の簡単なインストール構成は次のとおりです。 1. MySQLのインストール1....

Centos で MySQL パスワードを変更する方法

1. MySQL ログイン設定を変更します。 # vim /etc/my.cnf文を追加: skip...

MySQLの累積集計原理と使用例の分析

この記事では、例を使用して、MySQL 累積集計の原理と使用方法を説明します。ご参考までに、詳細は以...

MySQLは2つの日付間の日数、月数、年数を計算します

MySQL 組み込みの日付関数 TIMESTAMPDIFF は、2 つの日付間の秒数、分数、時間数、...

v-html レンダリング コンポーネントの問題

以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...

Linux で複数のファイルの名前を一括で変更する方法

Linux では、通常、ファイルの名前を変更するために mv コマンドを使用します。これは、単一のフ...

MySQLテーブルのフィールドと関連属性をエクスポートする手順

データベース内のテーブルのフィールドとプロパティをエクスポートし、テーブルを作成してWordに保存す...

Alipay の Java 決済インターフェースを開発するための詳細な手順

目次最初のステップステップ2ステップ3ステップ4 Alipay 決済インターフェースへの接続に関する...

MySQL 8.0.23 インストールの超詳細なチュートリアル

目次序文1. 公式サイトからMySQLをダウンロードする2. 解凍ファイルを設定する3. 初期化4....