HTML ウェブページ画像タグ

HTML ウェブページ画像タグ src 画像のソースファイル alt ヒントテキスト width, height 幅、高さ border 境界線 vspace 垂直間隔 hspace 水平間隔 align 配置 dynsrc aviファイルの再生を設定します loop aviファイルのループ回数を設定します loopdelay aviファイルのループ再生の遅延を設定します start aviファイルの再生モードを設定します lowsrc 低解像度画像を設定します usemap 画像マップ画像ソースファイル属性 SRC
src属性で画像ソースファイルのパスを指定することで、画像の挿入を完了できます。
基本構文 <img src="File_name">
構文の説明: パスは src 属性で指定され、File_name は画像を挿入するパスです。 ファイル例: 9-1.htm
<img> タグの src 属性を通じて画像を挿入します。
01 <!-- -------------------------------- -->
02 <!-- ファイル例: 9-1.htm -->
03 <!-- ファイルの説明: 画像を挿入 -->
04 <!-- -------------------------------- -->
05 <html>
06 <ヘッド>
07 <title>画像を挿入</title>
08 </head>
09 <本文>
10 <h1>主流の Web デザイン ソフトウェア</h1>
11 <img src="9-1.JPG">
12 現在、Web ページ技術は新たな段階に入っています。Web ページはもはや単なる画像と退屈なテキストの集まりではなく、人々は Web ページのダイナミックな効果とインタラクティブ性を追求しています。 Macromedia の 3 つの Web デザイン ソフトウェア、Dreamweaver、Flash、Fireworks は、インタラクティブ Web デザインの代表的なソフトウェアです。最新バージョンの mx 2004 は、以前のバージョンの利点を継承し、さらに機能を統合しており、Web デザインや Web サイト構築のニーズに非常に適しています。 <p>
13 </body>
14 </html> ファイル記述行 11 は JPEG 画像ファイルを挿入します。
前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む
画像タグ <IMG> を挿入します。
今日私たちが目にするカラフルなウェブページはすべて、画像の役割によるものです。インターネットが退屈なプレーンテキストで溢れていた過去を振り返ってみると、Web デザインにおける画像の重要性がわかるでしょう。画像は HTML ページに挿入できます。Web ページでよく使用される画像形式は JPEG と GIF です。
JPEG (Joint Photographic Experts Group) は、写真画像専用に設計されたファイル形式です。 JPEG は何百万色もサポートします。 JPEG は非可逆形式です。つまり、圧縮中に一部の画像データが失われ、最終的なファイルの品質が低下します。ただし、破棄される画像データは非常に小さいため、品質に大きな違いは生じません。
グラフィックス交換フォーマット (GIF) は、Web ページの画像で非常によく使われるフォーマットです。 GIF には 256 色しか含まれませんが、優れたほぼロスレスの画像圧縮を提供します。また、GIF には透明な領域と複数のアニメーションを含めることができます。これは、ピクセルの行を水平にスキャンして圧縮する固定色領域を見つけ、同じ領域内のピクセル数を減らすことによって機能します。したがって、GIF は通常、漫画、グラフィック、ロゴ、透明な領域のあるグラフィック、アニメーションなどに適しています。
ページに画像を挿入すると、ページが美しくなります。画像を挿入するためのタグは 1 つだけあり、それは <img> タグです。画像を挿入する場合、<img> タグを使用するだけでは不十分で、次の表に示すように他の属性も必要です。
財産説明する

<<:  CSS3 クリアフロートメソッドの例

>>:  jQueryは画像の強調表示を実現します

推薦する

Vue Router の 10 の高度なヒントのまとめ

序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...

kindとDockerを使用してローカルKubernetes環境を起動する

導入Kubernetes を使い始めるのに丸一日を費やしたことはありませんか?最近登場したいくつかの...

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

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

MySQL マルチバージョン同時実行制御 MVCC の実装

トランザクション分離レベルの設定 グローバルトランザクション分離レベルを読み取りコミット済みに設定;...

MySQL 5.7.19 winx64 無料インストールバージョン設定チュートリアル

mysql-5.7.19-winx64インストールフリー版の設定方法、参考までに具体的な内容は以下の...

win10 mysql 5.6.35 winx64 無料インストールバージョン設定チュートリアル

mysql 5.6.35 winx64無料インストールバージョン構成チュートリアルwin10、具体的...

MySQL 8.0.22 winx64 のインストールと設定のグラフィックチュートリアル

mysql 8.0.22 winx64のインストールと設定のグラフィックチュートリアルは参考までに、...

MySQL 8.0.22 圧縮パッケージの完全なインストールと構成のチュートリアル図 (テスト済みで効果的)

1. zipインストールパッケージをダウンロードするMySQL サーバー 8.0.22 の圧縮パッ...

docker と docker-compose による eureka の高可用性の実現の詳細な説明

最近、新しいプロジェクトでは springcloud と docker が使用されています。この 2...

JavaScript 関数はランダムな色の検証コードをカプセル化します (完全なコード)

数字、文字、またはランダムな色の数字と文字の混合で構成される n 桁の確認コード。以下に完全なコード...

HTMLのmarquee属性でテキストを踊らせる

構文: <marquee> …</marquee>モバイル属性マーキーを使用...

UbuntuからMySQLを削除して再インストールする方法

まずmysqlを削除します: sudo apt-get remove mysql-*残ったデータをク...

HTML 背景画像と背景色_PowerNode Java アカデミー

1. HTML 画像 <img> 1. <img> タグとその src 属性...

CSSのtranslate(-50%,-50%)は水平および垂直の中央揃え効果を実現します。

translate(-50%,-50%) 属性:中央に配置するには、長さと幅の 50% だけ上と左...

HTMLおよびJSPページがキャッシュされ、Webサーバーから再取得されるのを防ぎます。

ユーザーがログアウトした後、ブラウザの戻るボタンがクリックされると、Web アプリケーションは保護さ...