はじめに
絶対パスと相対パスについて
絶対パス
絶対パスとはルートディレクトリからの経路を表しており、誰からみても同じパスとなります。
相対パス
相対パスとは、現在作業しているフォルダから目的のフォルダまでの経路を表します。
ディレクトリ構造
筆者はflaskでアプリを作成中なため、このようなディレクトリ構造になっております！
VSコードで相対パスの取得方法
筆者はslide.htmlファイル内に画像を表示したいので、slide.html内にいる状態で、表示したい画像(chiro1.jpg)を右クリックしています。
写真にあるように相対パスのコピーをクリックすると、相対パスを取得することができます。
static/image/chiro1.jpeg
このようなパスが取得できました！
最後に
相対パスは何もみずに書けるようになった方が絶対良いですが、わからなくなることが多々あると思います！
そういった時にぜひ今回紹介したやり方を試してみてはいかがでしょうか？