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要素と多言語切り替えの詳細な説明

目次序文複数の言語を切り替えるにはどうすればいいですか? 1. vue-i18nパッケージをインスト...

CentOS7.4 起動時の緊急モードへようこそメッセージに対する解決策

今日は仮想マシンを使って実験をしました。システムをインストールし、いくつかのオプションを最適化した後...

JS で単一ファイルコンポーネントを実装する方法

目次概要単一ファイルコンポーネント基本概念シンプルなローダーコンポーネントコンテンツの解析コンポーネ...

Vueはシンプルなマーキー効果を実装します

この記事では、Vueの具体的なコードを共有して、シンプルなマーキー効果を実現しています。具体的な内容...

MySQL Group by最適化の詳細な説明

目次標準的な実行プロセス最適化並べ替えを削除並べ替え成し遂げる要約する標準の Group by ステ...

InnoDB エンジンのパフォーマンスを最適化するための my.cnf パラメータ構成

私はインターネット上で数え切れないほどの my.cnf 構成を読みましたが、言及されている構成のほと...

Windows10にMySQL5.6.35データベースを2つインストールする

次のように、Win10 での 2 つの MySQL5.6.35 データベースのインストールを記録しま...

水平スクロールバーを実装する2つの方法の例

序文:プロジェクトの開発中に、1 行にナビゲーション バーが多すぎる場合に水平スクロール バーを実装...

Vue が 4 レベルのナビゲーションと検証コードを実装する方法の例

効果: まず5つのVueインターフェースを作成する1.home.vueページ <テンプレート&...

MySQL の接続数が多すぎるエラーの原因と解決策

目次概要本日正午、開発およびテスト環境の MySQL サービスで接続数が多すぎるというエラーが報告さ...

CSS3を使用して背景画像の色を変更するさまざまな方法

CSS3 では画像の色を変更できます。これからは複数の絵をデザインする必要がなくなり、いつでも修正で...

Linux での Centos7 ファイアウォールの基本的な使用方法の詳細な説明

1. ファイアウォールの基本的な使い方起動する: systemctl は、firewalld を起動...

Django+mysql の設定と簡単な操作データベースのサンプルコード

ステップ1: MySQLドライバをダウンロードするcmdは作成されたDjangoプロジェクトディレク...

実行中の時計を実装するための純粋な CSS3 コード

操作効果コードの実装html <div id="ウォッチ"> <...

Dockerコンテナ内のホストのホスト名が取得できない問題の解決方法

Node.js環境でテストが通っています。他の言語でも同様です。環境変数を取得する方法を使うだけです...