ホームページ  >  記事  >  ウェブフロントエンド  >  HTML画像のパスの書き方

HTML画像のパスの書き方

奋力向前
奋力向前オリジナル
2021-09-08 15:30:3724039ブラウズ

パスの記述方法: 1. 異なるディレクトリにある場合は、「file:///ドライブ文字:/ピクチャ名」と記述できます。2. 同一ディレクトリにある場合は、次のように記述できます。 「画像名」を直接書き込みます; 3. 画像が同じディレクトリ内の a ディレクトリにある場合は、「a/画像名」と書き込みます; 4. オンライン画像の場合は、画像の URL を使用します。構文は " http://ディレクトリ/画像名」など。

HTML画像のパスの書き方

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

Html で画像パスを使用する方法57fd8f1ad5dc32419a67d07f0b20416e

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

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

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

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

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

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

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

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

5. 画像ソースがネットワークの場合は、絶対パスを記述します:

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

知識を広げる

絶対パス:

画像ソース ローカル: a3b032cf1216bd8810505f98494610cc

画像ソース ネットワーク:

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。