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

推薦する

CSS 透明ボーダー背景クリップマジック

この記事では、CSSの透明な境界線の背景クリップの素晴らしい使い方を主に紹介し、みんなと共有し、自分...

ネストされた HTML ページの使用例 (フレームセットの使用)

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

vue+echartsチャートの使用に関する問題記録

序文echarts は私が最もよく使用するチャート作成ツールであり、非常に完全なエコシステムとコンテ...

MySQL 8.0 バージョンで getTables がすべてのデータベース テーブルを返す問題の簡単な分析

序文この記事では、主にライブラリ内のすべてのテーブルを返すMysql8.0ドライバgetTables...

Vue+Element UI でサマリーポップアップウィンドウを実装するプロセス全体

シナリオ: 検査文書には n 個の検査詳細があり、検査詳細には n 個の検査項目があります。実装効果...

HTML+JS に基づくシンプルな年齢計算ツールの実装

目次序文デモンストレーション効果HTMLコードCSSコードJavascriptコードデモアドレス序文...

nginx ロードバランシングを介して https にリダイレクトする方法

ウェブ上で証明書とキーをコピーするscp -rp -P52113 /application/ngin...

JavaScript の絶妙なスネーク実装プロセス

目次1. HTML構造を作成する2. テーブルを作成する3. ヘビの頭と体を作る4. 食べ物を作る5...

MySQL バイナリログデータ復旧: 誤ってデータベースを削除した場合の詳細な説明

MySQL Binログデータの回復: 誤ってデータベースを削除した場合前書き: テスト マシンで誤っ...

jQueryはシャトルボックス効果を実現します

この記事では、シャトルボックス効果を実現するためのjQueryの具体的なコードを参考までに紹介します...

乱数、文字列、日付、検証コード、UUIDを生成するMySQLメソッド

目次乱数を生成する0から1までの乱数を生成する指定された範囲内で乱数を生成します6桁のモバイル認証コ...

ブラウザの互換モードでボタン内のテキストが垂直方向に中央揃えにならない問題について簡単に説明します。

XML/HTML コードコンテンツをクリップボードにコピー<ボタンスタイル= "カ...

React で Antd の Form コンポーネントを使用してフォーム機能を実装する方法

1. 構造部品1. フォームには、入力コントロール、標準フォーム フィールド、ラベル、ドロップダウン...

MySQLデータベースに画像を保存するいくつかの方法

通常、ユーザーがアップロードした写真はデータベースに保存する必要があります。一般的に、解決策は 2 ...