HTMLにimgパスを追加する方法

HTML の img タグでは、「src」属性を使用して、画像の URL を指定するために使用される img 画像のパスを「

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

HTML タグ

タグは、HTML ページ内の画像を定義します。

注: 技術的には、画像は HTML ページに挿入されるのではなく、HTML ページにリンクされます。 タグは、参照された画像のプレースホルダーを作成します。

HTML src 属性

img タグの src 属性は必須です。画像のURLを指定します。

構文

<img src="URL">

注: Web ページが読み込まれると、ブラウザは Web サーバーから画像を取得し、ページに挿入します。したがって、画像が関連する Web ページと同じ位置にあることを確認してください。そうしないと、訪問者に壊れたリンク アイコンが表示される可能性があります。ブラウザが画像を見つけられない場合は、リンク切れのアイコンが表示されます。

[推奨チュートリアル: "html ビデオ チュートリアル "]

HTML での 画像パスの使用方法

1. *html ファイルと *.jpg ファイル (f ドライブ) は別のディレクトリにあります:

<img src="file:///f:/*jpg" width="300" height="120"/>

2. *.html ファイルと *.jpg 画像同じディレクトリ内:

<img src=".jpg" width="300" height="120"/>

3. *.html ファイルと *.jpg 画像は別のディレクトリにあります:

a. 画像 *.j​​pg は画像フォルダー、*html と image にあります同じディレクトリ:

 <img src="image/*jpg/"width="300" height="120"/>

b、画像 *jpg は image フォルダにあり、*html は connage フォルダにあり、image と connage は同じディレクトリにあります:

<img src="../image/*jpg/"width="300" height="120"/>

4 、画像がインターネットからのものである場合は、絶対パスを記述します:

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

拡張情報:

絶対パスpath は、ディレクトリの下の絶対位置を指し、ターゲットの場所に直接到達します。通常はドライブ文字 (ルート ディレクトリ) から始まるパスです。

ファイルの場所を完全に記述するパスは絶対パスです。これは、Web サイトのルート ディレクトリに基づくディレクトリ パスです。絶対パス名は、ツリー構造のディレクトリ構造の最上位にあるルートディレクトリから、指定するディレクトリまたはファイルまでの連続するディレクトリをスラッシュで区切って指定し、最後の名前がディレクトリになります。または指すファイル。これが絶対と呼ばれる理由は、すべての Web ページが同じファイルを参照する場合、使用されるパスが同じであることを意味します。

//绝对路径，指向一个因特网文件的完整 URL
<img src="https://img.php.cn/upload/article/202102/26/2021022610342015759.jpg" alt="flower">

相対パスは、このファイルが配置されているパスによって生じる他のファイル (またはフォルダー) とのパス関係を指します。相対パスを使用すると、非常に便利になります。 HTML の絶対パスは、ドメイン名を含むファイルの完全なパスを指します。

//文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
<img src="/images/picture.jpg" alt="flower">

プログラミング関連の知識については、プログラミング ビデオをご覧ください。 ！

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