HTMLの下位ディレクトリから画像を呼び出す方法

HTML では、img タグを使用して、下位ディレクトリにある画像を呼び出すことができます。具体的な構文は、「」です。下位ディレクトリにあるファイルを参照するには、下位ディレクトリにあるファイルへのパスを書き込むだけです。

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

下位ディレクトリにあるファイルを参照するには、下位ディレクトリにあるファイルのパスを直接記述します。

info.html パスが c:/Inetpub/wwwroot/sites/blabla/info.html

画像パスが c:/Inetpub/wwwroot/ であると仮定します。 sites/blabla/html/1.jpg

info.html に画像を追加するコードは次のように記述する必要があります:

<img src = "html/1.jpg"/>

拡張情報:

上位の表現方法 ディレクトリ

../ はソースファイルが存在するディレクトリの上位ディレクトリを表し、../../ はソースファイルが存在するディレクトリの上位ディレクトリを表しますファイルが見つかった場合など。

info.html パスが c:/Inetpub/wwwroot/sites/blabla/info.html

index.html パスが c:/Inetpub/wwwroot/sites であると仮定します。 /index .html

index.html ハイパーリンクを info.html に追加するコードは次のように記述する必要があります:

<a href = "../index.html">index.html</a>

info.html パスが c:/Inetpub/wwwroot であると仮定します。 /sites/blabla/info .html

index.html パスが c:/Inetpub/wwwroot/index.html

index.html ハイパーリンクを info に追加するコードです。 html は次のように記述する必要があります:

<a href = "../../index.html">index.html</a>

info.html パスは次のようになります。 c:/Inetpub/wwwroot/sites/blabla/info.html

Index.html パスは次のようになります。 c:/Inetpub/wwwroot/sites/wowstory/index .html

index.html ハイパーリンクを info.html に追加するコードは次のように記述する必要があります:

<a href = "../wowstory/index.html">index.html</a>

推奨学習: html ビデオ チュートリアル

以上がHTMLの下位ディレクトリから画像を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。