Markdownで画像を表示する方法 <image>

Markdownで画像を埋め込みたい場合、 !(ビックリマーク)と []角括弧と ()丸括弧をつかって記述します。

![alt用テキスト](画像URL)
リンクと書き方は似ていますが、先頭に!(ビックリマーク)が付くのが画像です。

画像URL指定は相対パスでも絶対パスでもどちらでも可能です。 ![alt用テキスト](画像URL)の画像URL部分に相対パスか絶対パスを記述します。
alt用テキストは画像ファイルが見つからない場合に、 代わりとして表示されるテキストのことです。

画像を埋め込むMarkdown記法

相対パスで、 現在のディレクトリからみて imgフォルダ内のdog.png画像を指定する場合。

![犬](img/dog.png)

絶対パスで指定する場合

![犬](https://sample.com/img/dog.png)

HTML

<img src="img/dog.png" alt="犬">

<img src="https://sample.com/img/dog.png" alt="犬">

画像にタイトル属性を付ける場合

画像にタイトル属性を付けることもできます。
画像URLの後にスペースを付けて、"" で括ります。

![犬](img/dog.png "画像タイトル")

HTMLは次のようになります。

<img src="img/dog.png" alt="犬" title="画像タイトル">
Markdown入門