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

推薦する

Js における new 演算子の役割の詳細な説明

序文Js は現在最も一般的に使用されているコード操作言語であり、その中でも new 演算子は特によく...

Linux で unzip コマンドを使用して複数のファイルを解凍する方法

Linuxにunzipコマンドがない問題の解決策unzipコマンドを使用して.zipファイルを解凍す...

Linux での Tomcat8 のインストールとアンインストールに関する詳細なグラフィック チュートリアル

[ Tomcat8 の Linux インストール ] Tomcat をアンインストールする - まず...

ドロップダウンメニューとスライドメニューのデザイン例

ドロップダウン メニューやスライド メニューを使用している Web サイトをたくさん見つけたので、私...

複数のドメイン名、ポート、IP仮想ホストに基づくNginx構成

1. タイプの導入1.1 ドメインベースの仮想ホスティングいわゆるドメイン名ベースの仮想ホストとは、...

HTMLウェブページ切り替えのさまざまな変換効果

<META http-equiv="Page-Enter" CONTENT...

MySQL カーソル関数と使用法

目次意味カーソルの役割カーソルの使用カーソルの宣言カーソルを開くカーソルデータのトラバースカーソルを...

CocosCreator Huarongdaoデジタルパズルの詳しい説明

目次序文文章1. パネル2. 華容島ソリューション3. コード4. 注記序文華容路とは何ですか？ 誰...

MySQL MyISAM と InnoDB の違い

違い： 1. InnoDB はトランザクションをサポートしていますが、MyISAM はサポートしてい...

MySQL における制限関数と合計関数の混在使用の問題の詳細な説明

序文今日、注文データを同期した後、同僚は、合計注文金額とデータソースの合計金額に差があったため、LI...

Docker のホスト間コンテナ通信オーバーレイ実装プロセスの詳細な説明

サーバーも 2 つあります。準備：コンテナのホスト名を設定する consul: kv タイプのストレ...

HTML（CSSスタイル仕様）を読む必要があります

CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...

CSS3のall属性の使い方を理解する

1. 互換性以下のように表示されます。 互換性は問題ありません。IE を除き、他のブラウザは基本的に...

Javascriptでシングルトンパターンを実装する方法

目次概要コードの実装シングルトンパターンの簡易版改良版プロキシバージョンシングルトンモード遅延シング...

MySQLインデックスの使用に関するヒントと注意事項

1. インデックスの役割一般的なアプリケーション システムでは、読み取りと書き込みの比率は約 10:...