HTML/CSSページ(相対パス、絶対パス)に画像を読み込む方法
Intro
今日は任務2が終わりました!とても起きられない私...もちろん、完成の面では友人の助けは大きいですが、だんだん熟知しているものが多くなってきて、気持ちがとてもいいです.
しかし、彼はまだ初心者で、基本的な間違いをたくさん犯しました.
タスク2を行う際、htmlファイルから他のcssファイルに画像をロードしようとする同じパスに画像をロードしようとすると、このような問題が発生し、最初はそれが間違っているとは思わなかったので、googlingもおかしく、数時間も原因が見つからなかった.
だから頭に刻むために、整理したいです.
絶対パス
絶対パスとは、指定された、絶対に変更されない画像パスのことです.
ページ内に他のサーバ上の画像やページなどのファイルを接続するために使用します.
http://t~~このような絶対に変更できない経路.
例
<img src="https://velog.io/@wool/wiil.jpg">
相対パス
これは、作成中のファイルに基づいてパスを指定する方法です.
画像を挿入するファイルに基づいてパスを識別し、親フォルダかサブフォルダかを計算してパスを指定します.
マーキングほう
<img src="https://velog.io/@wool/wiil.jpg">
これは、作成中のファイルに基づいてパスを指定する方法です.
画像を挿入するファイルに基づいてパスを識別し、親フォルダかサブフォルダかを計算してパスを指定します.
マーキングほう
現在のパスを表すタグ
現在のファイルの場所を示します
./
以前のパスを表すタグ
../
パスを表すタグ
/
現在のパスに基づいて最も近い距離をナビゲート
~
Reference
この問題について(HTML/CSSページ(相対パス、絶対パス)に画像を読み込む方法), 我々は、より多くの情報をここで見つけました https://velog.io/@wool/HTMLCSS-페이지에-이미지-불러오는-방법상대경로-절대경로テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol