Mastering Markdown

Images

# Inline
![Alternative text](/path/to/img.jpg "Optional title")

# Reference
![Alternative text][id]
[id]: url/to/image  "Optional title"
![Alt Text](http://www.sheawong.com/wp-content/uploads/2013/08/keephatin.gif)

Raw images from the repo can be used by calling them directly.:

![Alt Text](https://github.com/(user)/(repo)/raw/master/path/to/image.gif)

Peter don't care

All images are cached on GitHub, so if your host goes down, the image will remain available.

As you may have noticed, images in Markdown are very similar to links. The difference is that:

  • the square brackets must be prefixed with an exclamation mark and
  • inside they may have some alternative text. A description of the image, which is displayed if the image can't be loaded.

Quiz

Here's a quiz about markdown images.

Question 1 of 2

Select the valid images:

Question 2 of 2

What is true about the following line: ![Funny cat](http://cats.ru/funny.png "Share this")