如果你知道如何在 Markdown 中建立連結，那你也會插入圖片，因為兩者的語法十分相似。
同連結一樣，插入圖片也有兩種類型的寫法，且最終呈現的成果亦相同。圖片及連結在語法上的差別，在於插入圖片時，須以驚嘆號 ( ! ) 開頭。
第一種方式稱為 行內圖片連結，要建立行內的圖片連結，首先要打驚嘆號 ( ! )，將替代文字（為視障者描述圖片的一段文字）輸入在方括號 ( [ ] ) 裡，最後再將圖片的連結包在一對括號 ( ( ) ) 中。
舉例而言，要插入一張位於 https://octodex.github.com/images/bannekat.png 的圖片，其替代文字為 Benjamin Bannekat，在 Markdown 中的寫法為：
作為練習，請在下方的文字框內，將這段連結改以圖片呈現，並在方括號填入一段替代文字「A pretty tiger」。
太棒了！
儘管替代文字並非 必填，但有了它會讓文件更容易被閱讀，包含視障者、使用螢幕閱讀器的讀者、或網路連線狀況不佳的人們。
接著我們要介紹的插入圖片的方式，就如同參照連結一般。你會以驚嘆號開頭，並以一對方括號包住替代文字，接著兩對表示圖片標籤的方括號，寫法如下：
![The founding father][Father] 在 Markdown 文件的底部，才定義了每個標籤指向的位址，像是： [Father]: http://octodex.github.com/images/founding-father.jpg
在下方的文字框，有些寫到一半的圖片連結，你的任務是以參照連結的方式將它們完成，就像上一堂課做的那樣。
將首個參照標籤設為「Black」並讓它連結到 https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg；讓第二幅圖片連結到
http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png