The HTML Img tag macro shows an image on your page. You have several options to influence it’s display.
Adding the Macro
- Edit your page.
- Select “+” => Other macros
- Type in “html” in the Search box
- Select the “HTML Img” macro
If the image is from an external source, specify it’s link here.
Check this option if the Image URL shall be ignored and an attached image of the page should be used instead.
Select the attached image file.
Select the alignment of the image corresponding to its surrounding elements.
Enter an alternative text for the image. It will be displayed in case the image cannot be loaded.
Enter a custom height for the display. Use a numeric value. It is interpreted as pixels. If Width is not set, the browser will automatically adjust the proportion.
Enter a custom width for the display. Use a numeric value. It is interpreted as pixels. If Height is not set, the browser will automatically adjust the proportion.
You can specify an element ID here. It must be unique on your page.
You can specify CSS class names here, separated by blank.
You can specify inline CSS properties here. Each one has to end with a semicolon.
Enter a simple text here that will popup as a tooltip when the mouse is hovered over the element.
You can specify an Image Map here tha can define certain areas of the image. The name must start with a hash, e.g. “#myMap”.
Read more about it
You can enter fully specified custom attributes here separated by blanks, e.g.: data-animal=”cat” data-color=”red”.