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

推薦する

一般的なDockerコマンドの概要

Dockerのインストール1. 要件: Linuxカーネルバージョン3.10以上 表示: uname...

DockerコンテナのIPアドレスを表示する方法

私はずっとDockerにはIPアドレスがないと思っていました。実はDockerのネットワークテンプレ...

Node.js コンソールで強調表示されたコードを印刷する方法

序文コードを実行してエラーが発生すると、エラーが出力されます。エラーにはスタック情報が含まれており、...

VueにおけるAxios非同期通信の詳細な説明

1. まず、インタラクティブに使用するための .json ファイルを作成します。json データ形式...

MySQLのREDOログ（リドゥログ）とロールバックログ（アンドゥログ）の詳しい説明

序文：前回の記事では、MySQL システムでよく使用されるログをいくつか説明しました。実は、トランザ...

vue+tsは要素のマウスドラッグの効果を実現します

この記事の例では、要素のマウスドラッグ効果を実現するためのvue+tsの具体的なコードを参考までに共...

画像比較を実現するjQueryプラグイン

この記事の例では、画像比較を実現するためのjQueryプラグインの具体的なコードを参考までに共有して...

mysql 10進データ型変換の実装

最近、次のデータ型のデータベースに遭遇しました:decimal(14,4)発生した問題は次のとおりで...

React+TS を使用したシンプルな Jira プロジェクトを実装するためのベスト プラクティス

トレーニングのための一連のプロジェクト反応+ts内容は少ないですが、フックのカプセル化、ts ジェネ...

MySQL の単一テーブル クエリ操作例の詳細な説明 [構文、制約、グループ化、集計、フィルタリング、並べ替えなど]

この記事では、MySQL の単一テーブル クエリ操作について説明します。ご参考までに、詳細は以下の通...

JavaScript でオブザーバー パターンを実装する方法

目次概要オブザーバーパターンの応用シナリオオブザーバーパターンの実装要約する概要オブザーバー パター...

MySQLプリコンパイル機能の詳細な説明

この記事では、MySQLのプリコンパイル機能について紹介します。具体的な内容は以下のとおりです。 1...

Vue でよく使われる命令 v-if と v-show の違いを簡単に分析します。

目次序文1.v-ショー2.v-if 3. v-showとv-ifの違い1. 原則の違い2. アプリケ...

CSS を使用してボックスを水平方向と垂直方向に中央揃えする方法 (8 つの方法)

元のコード: center.html : <!DOCTYPE html> <htm...

MySQL における楽観的ロックと悲観的ロックの例

データベース管理システムにおける同時実行制御のタスクは、データベース内の同じデータに同時にアクセスす...