ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのimgタグの絶対パスの書き方は? HTMLのimgタグの絶対パスの使い方

HTMLのimgタグの絶対パスの書き方は? HTMLのimgタグの絶対パスの使い方

寻∝梦
リリース: 2018-08-27 18:29:05
オリジナル
25476 人が閲覧しました

この記事ではHTMLのimgタグの絶対パスの書き方と使い方を中心に説明していますので、興味のある方は一緒に見てみてください。

まず、絶対パスとは何かを理解しましょう:

は、ハードディスク上のホームページ上のファイルまたはディレクトリの実際のパスです

まず、この例を見てみましょう:

<!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此src地址填"..\images/baby.jpg" -->
<img src="../images/baby.jpg" alt="1111" >
<!-- 当图片位置和源代码的位置在同一个文件夹时,可以直接访问。(alt属性的值是表示图片加载不出来时显示1111,不填不要紧) -->
<img src="baby.jpg" alt="111">
<!-- 下面用绝对路径,我把图片放在桌面上 -->
<img src="C:\Users\Air\Desktop\baby.jpg" alt="">
ログイン後にコピー

HTMLのimgタグの絶対パスの書き方は? HTMLのimgタグの絶対パスの使い方

絶対パスを使用して、Web ページに写真を配置して表示します。

情報によると: サーバーのセキュリティを考慮して、HTML では相対パスが使用されます。つまり、Web サーバーのルート フォルダーが開始点として使用され、その他の分岐パスはルートと平行またはルートより上位にあります。の Web サーバーは許可されません。実際、静的ページには絶対パスを書き込むことができます。

画像のアドレスはデータベースに保存されます。保存方法は、this.getServletContext().getRealPath("/WEB-INF/cImage") に画像の名前をアドレスとして加えたものです。

例: src="http://Webサイトのサイト文字列/ルートパスの画像ファイル名"

この画像はルートにあり、スラッシュを使用してパスを1つずつ記述します。

もう 1 つの方法は、 タグを使用して、この Web ページのコンテンツのデフォルトのパスを href に設定することです。 img に画像ファイル名を直接記述するだけです。

絶対パス、外部ネットワーク上の絶対パス:

<img src="http://phpyun.ke.163.com/http://www.PHP.cn/i/eg_tulip.jpg" alt="小编" />
ログイン後にコピー

この記事はここで終わります ご不明な点がございましたら、以下までお問い合わせください。

【編集者のおすすめ】

HTMLにおけるheadタグとは何を意味するのでしょうか? head タグの正しい使用方法を説明する記事です

ハッカーは PHP と Python を学ぶべきですか? PHP と Python の 10 の違いを合理的に分析

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

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