Images

Images are an inline Markdown convention used to display graphics in a document.

Syntax

The image syntax is identical to the Link syntax, with the addition of a ! character at the beginning. Alt text is written between ![ and ] characters. Inside of ( and ), the URL path to the image should be written, then, optionally, a title wrapped in " characters.

Basics

A basic Image example.

![alt text](path/to/my_image.png)

Titles are optional. Keep the URL and title separate with a space.

![alt text](path/to/my_image.png "Image Title")

Images can be the only thing on a line or mixed in anywhere inline text can go.

Images can go anywhere text can: ![alt text](path/to/my_image.png)

Relative paths and absolute paths can both be used.

![alt text](../my_image.png)

![alt text](D:/Images/my_image.png)

Using Link References

Images can also make use of Link References in the same way Links do.

![alt text][0]

[0]: my_image.png

Titles are also available and written the same way using Link References.

![alt text][0]

[0]: my_image.png "Image Title"

Markdown++

A custom Graphic Style can be given to an Image using a Markdown++ style: command immediately before the Image syntax.

<!--style:CustomImage-->![alt text](path/to/my_image.png)

To learn more about Markdown++ tagging, see Learning Markdown++.

ePublisher Style Information

Default Style Properties

Style Type: Graphic
Style Name: Image

If a custom style name is assigned to an Image, that style name will still inherit all of the listed default style information.