Embed images in markdown

You learned in another example that it is possible to execute code that imports images, videos, and other components and to display those components in your notebook.

It is also possible to import images into your markdown that imports and displays images and other components. However, while those images are visible in the notebook, and probably in other notebook viewers as well, they don't pass through and become visible when the notebook is downloaded into an HTML file.

To keep it simple and to avoid broken links in the future, the markdown shown in the cell below imports an image file from the current working directory and displays it in the notebook.

It is also possible to use similar code to import images from external web addresses and to display those images in the notebook as well. Note, however, as with all web addresses, the links to those images may become broken at some point in the future.

As mentioned above, the image will not be visible in the static HTML download of this notebook. Instead, "Missing Image" will appear in place of the image.

Missing Image

Housekeeping material

Author: Prof. Richard G. Baldwin

Affiliation: Professor of Computer Information Technology at Austin Community College in Austin, TX.

File: EmbedImage02.html

Revised: 05/11/18

Copyright 2018 Richard G. Baldwin