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は画像の強調表示を実現します

推薦する

Nginx は動的と静的の分離を実装します 例の説明

ウェブサイトの解析を高速化するために、動的ページと静的ページを異なるサーバーで解析して、解析速度を向...

Nginx サーバーの https 設定方法の例

Linux: Linux バージョン 3.10.0-123.9.3.el7.x86_64 ngin...

JavaScript の 7 つのデータ型の詳細な説明

目次序文:詳しい紹介:練習する:要約する序文: Python、Java、Cシリーズなど、すべての主要...

MySQL で戻り値ありと戻り値なしのストアド プロシージャを書く 2 つの方法

プロセス1: 戻り値あり: proc_addNum が存在する場合はプロシージャを削除します。 プロ...

カスタム変数を使用した MySQL クエリの最適化

目次並べ替えクエリの最適化変更されたばかりのデータ行を繰り返し取得しないようにする遅延ロードされた結...

MySQLの暗黙的な変換について話す

作業の過程で、暗黙的な変換が発生するケースが数多くあります。暗黙的な変換は、クエリの速度低下を引き起...

MySQL マスタースレーブ同期の原理と応用

目次1. マスタースレーブ同期原理マスタースレーブ同期アーキテクチャ図(非同期同期)マスタースレーブ...

Vue で Axios カプセル化を使用するための完全なチュートリアル

序文現在、プロジェクトでは、Axios ライブラリが HTTP インターフェース リクエストによく使...

MySQL 最適化: キャッシュ最適化

何人かのブロガーが私の記事を評価してくれたのは嬉しいです。マークと知り合ってからは、私は彼をフォロー...

圧縮パッケージを使用して Linux 環境に JDK 13 をインストールする方法

JDK とは何ですか?まあ、この質問がわからないのであれば、なぜこれをインストールするのか本当にわか...

MACOS で MySQL ルートパスワードを忘れた場合の解決策

MySQL は、スウェーデンの会社 MySQL AB によって開発されたリレーショナル データベース...

モバイル Web WAP には Bootstrap と jQuery Mobile のどちらを使用すべきか

問題を解決するBootstrap は、次の問題を解決する CSS フレームワークです。デバイス間での...

Gitlab実践チュートリアルでは、関連する設定操作にgit configを使用します。

この記事では、実際に発生した問題をもとに、git の設定に関する内容を紹介します。コマンド: git...

Vue はスクロール可能なポップアップウィンドウ効果を実装します

この記事では、スクロール可能なポップアップウィンドウ効果を実現するためのVueの具体的なコードを参考...

MySQL における 10 進数型の使用法の簡単な紹介

MySQL でサポートされている浮動小数点型は、 FLOAT 、 DOUBLE 、およびDECIMA...