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

推薦する

mysql ERROR 1045 (28000) 問題の解決方法

私はmysql ERROR 1045に遭遇し、この問題に長い時間を費やしました。私はそれを自分で書き...

HTMLでvueとel​​ement-uiを直接参照する方法

コードは次のようになります。 <!DOCTYPE html> <html> ...

ウェブページの再設計の7つの主要要素 ウェブページの再設計の7つの主要要素を共有する

Shopify Plus は、私たちが設立した e コマース プラットフォームのエンタープライズ バ...

jsとcssのブロッキング問題の詳細な分析

目次DOMContentLoadedとロードjs ブロッキングとは何ですか? CSS ブロッキングと...

理論: 2年間のユーザーエクスペリエンス

<br />国内のウェブサイトが本格的に普及し、ユーザーエクスペリエンスに重点が置かれる...

MySQL マルチマスターと 1 スレーブのデータバックアップ方法のチュートリアル

概要いずれかのデータベースに対する操作は他のデータベースに自動的に適用され、2 つのデータベースのデ...

Linux サーバーに Python3 をインストールする 2 つの方法

最初の方法Alibaba Cloud および Baidu Cloud サーバーが利用可能です。 ! ...

@Font-face の基本的な使い方と、すべてのブラウザと互換性を持たせる方法

@Font-face 基本紹介: @font-face は、Web ページにカスタム フォントを表示...

MySQL btree インデックスとハッシュ インデックスの違い

MySQL では、ほとんどのインデックス (PRIMARY KEY、UNIQUE、INDEX、FUL...

Vmware + Ubuntu18.04 に Hbase 2.3.5 をインストールするための詳細なチュートリアル

序文前回の記事では Hadoop をインストールしましたが、今回は Hbase をインストールします...

HTML テキストエスケープのヒント

今日、CSDN で HTML テキスト エスケープのちょっとしたトリックを見ましたが、とても簡単です...

Vue ディレクティブ v-html と v-text

目次1. v-text テキストレンダリング命令2. v-html 1. v-text テキストレン...

テキストの折り畳み特殊効果を実現する HTML+CSS の例

この記事では、主に HTML + CSS を使用してテキストの折りたたみ特殊効果を実現する例を紹介し...

Docker のコンテナ データ ボリュームの概要

目次Dockerコンテナのデータ量データボリュームの使用方法1: コマンド-vを使用して直接マウント...

202 無料の高品質 XHTML テンプレート (1)

ここで 123WORDPRESS.COM はこれらのテンプレートの最初の部分を紹介します。各テンプレ...