HTMLイメージの相対URLについての解説

同じディレクトリにあるイメージファイルへの相対URL: もし、HTMLファイルとイメージファイルが同じディレクトリ内にある場合、イメージのソース属性に以下のような相対URLを指定します。
```
<img src="image.jpg" alt="イメージ">
```
この場合、HTMLファイルから見たイメージファイルへの相対パスは、image.jpgとなります。
サブディレクトリ内のイメージファイルへの相対URL: HTMLファイルとイメージファイルが異なるサブディレクトリにある場合、イメージのソース属性に以下のような相対URLを指定します。
```
<img src="subdirectory/image.jpg" alt="イメージ">
```
この場合、HTMLファイルから見たイメージファイルへの相対パスは、subdirectory/image.jpgとなります。
上位ディレクトリ内のイメージファイルへの相対URL: HTMLファイルから上位のディレクトリにあるイメージファイルにアクセスする場合、イメージのソース属性に以下のような相対URLを指定します。
```
<img src="../image.jpg" alt="イメージ">
```
この場合、HTMLファイルから見たイメージファイルへの相対パスは、../image.jpgとなります。
絶対URL: もし、イメージファイルの完全なURLが既知の場合、そのURLを直接指定することも可能です。以下は絶対URLの例です。
```
<img src="https://example.com/images/image.jpg" alt="イメージ">
```
これにより、指定したURLからイメージファイルが読み込まれます。

以上が、HTMLイメージの相対URLに関する解説とコード例です。これらの方法を使って、HTMLファイルからイメージファイルに正しくアクセスすることができます。