HTML画像の挿入方法

藏色散人
リリース: 2023-01-05 16:12:12
オリジナル
16402 人が閲覧しました

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

HTML画像の挿入方法

この記事の動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート