HTML画像の挿入方法

HTML では、 タグを使用して画像を挿入できます。挿入されるコードは「<img src="dinosaur.jpg">」のようなもので、src 属性には次のポインタが含まれています。紹介したい画像 パスは相対パスでも絶対URLでも構いません。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター。

要素を使用して、Web ページに画像を配置できます。これは空の要素 (テキスト コンテンツや終了タグ​​を含める必要はありません) であり、これを有効にするには少なくとも 1 つの src (通常はフルネーム、ソースとして読み取られます) が必要です。 src 属性には、含めたい画像へのパスが含まれており、 要素の href 属性と同様に、相対パスまたは絶対 URL を指定できます。

注: 続行する前に、「クイック スタート URL とパス」を読んで、相対 URL と絶対 URL を確認する必要があります。

たとえば、dinosaur.jpg という名前の画像があり、それが HTML ページと同じパスに保存されている場合、次のように埋め込むことができます:

<img src="dinosaur.jpg">

この画像の場合が HTML ページと同じパスの画像フォルダーに保存されている場合 (これは Google も推奨しており、SEO やインデックス作成に有益です)、次の形式を使用できます:

<img src="images/dinosaur.jpg">

など。

注: 検索エンジンは画像のファイル名も読み取り、SEO の対象としてカウントします。したがって、画像にはわかりやすいファイル名を付ける必要があります。img835.png よりも dinosaur.jpg の方が優れています。

次のような絶対パスを使用することもできます:

<img src="https://www.example.com/images/dinosaur.jpg">

ただし、この方法はお勧めできません。そうすると、DNS を再渡すなど、ブラウザの作業が増えるだけです。 IPアドレス。通常、画像と HTML は同じサーバーに配置されます。

[推奨学習: HTML ビデオ チュートリアル ]

以上がHTML画像の挿入方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。