Image
To add an image use this. You should prefix local images with a slash. These will be loaded from your public directory. You can also use external images from other sources.


You can also add an alternate description for the image, which can be used by screen readers.


You can also add a visible caption to your image like so:


If you want to link your image you can use the normal link syntax:
[](/elements/hints)

If your Hyperbook uses the basePath property, the basePath will automatically be prepended.