ワンポイントアドバイス！

ややこしくならないようにシンプルにしてみましょう。

パス

絶対パスと相対パス
記述例使い方
http://samplesdl.me/training_html-css_190622_01/index.html絶対パス
index.html相対パス
記載パターン
記述例使い方
<img src="images/sample_img001.jpg" alt="">画像「img」
<a href="index.html" >リンク</a>リンク「a」
<link href="style.css" rel="stylesheet">外部スタイルシート「link」
background-image:url("images/home_bg01.gif");背景画像「background」「background-image」
パスの記述例
記述例使い方
sample_img001.jpg同じ階層（フォルダ）にあるファイルのパス
./sample_img001.jpg同じ階層（フォルダ）にあるファイルのパス
images/sample_img001.jpgimages（フォルダ）の中にあるファイルのパス
../sample_img001.jpg現在の階層（フォルダ）の外にあるファイルのパス
/sample_img001.jpgサイトルート相対パス
※ドメインのトップからのファイルのパス