<!-- 記述例のため画像は表示されません -->
<h3># 絶対パス</h3>
  <h5>(例1)</h5>
    <a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">新しいタブでGoogle Topページが開きます。</a>
<br>
  <h5>(例2)</h5>
    <img alt="No Image" src="C:\Users\UserName\Desktop\Sample.png">

<hr>
<h3># 相対パス</h3>
  <h5>(例1)同じディレクトリ内のファイルを参照する。</h5>
    <p></p>
    <img alt="No Image" src="./sample.png">
    <!-- ./は現在の階層を表す。(省略可) -->

  <h5>(例2)同じディレクトリ内にあるディレクトリ内のファイルを参照する。</h5>
    <img alt="No Image" src="./directory2/sample2.png">

  <h5>(例3)上の階層のディレクトリ内にファイルを参照する。</h5>
    <img alt="No Image" src="../sample3.png">