HTML/CSSページ(相対パス、絶対パス)に画像を読み込む方法


Intro


今日は任務2が終わりました!とても起きられない私...もちろん、完成の面では友人の助けは大きいですが、だんだん熟知しているものが多くなってきて、気持ちがとてもいいです.
しかし、彼はまだ初心者で、基本的な間違いをたくさん犯しました.
タスク2を行う際、htmlファイルから他のcssファイルに画像をロードしようとする同じパスに画像をロードしようとすると、このような問題が発生し、最初はそれが間違っているとは思わなかったので、googlingもおかしく、数時間も原因が見つからなかった.
だから頭に刻むために、整理したいです.

絶対パス


絶対パスとは、指定された、絶対に変更されない画像パスのことです.
ページ内に他のサーバ上の画像やページなどのファイルを接続するために使用します.
http://t~~このような絶対に変更できない経路.

<img src="https://velog.io/@wool/wiil.jpg">

相対パス


これは、作成中のファイルに基づいてパスを指定する方法です.
画像を挿入するファイルに基づいてパスを識別し、親フォルダかサブフォルダかを計算してパスを指定します.

マーキングほう


  • 現在のパスを表すタグ
    現在のファイルの場所を示します
    ./

  • 以前のパスを表すタグ
    ../

  • パスを表すタグ
    /

  • 現在のパスに基づいて最も近い距離をナビゲート
    ~
  • 💡 通常、相対パスが使用されます.