HTML画像のパスの書き方

奋力向前
リリース: 2023-01-07 11:47:39
オリジナル
24139 人が閲覧しました

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

HTML画像のパスの書き方

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

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. 画像 *.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"/>
ログイン後にコピー

知識を広げる

絶対パス:

画像ソース ローカル: < img src="file:///E:/​​Scripts/HTMLScripts/pics/陈浩.jpg"/>

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

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

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

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