Page History
...
Markup | Displayed Image | |
---|---|---|
!caBIGlogoR.jpg | alt=caBIG logo! |
|
To insert an image that is attached to another page, use the wiki markup shown here, with the names of your image and page, and your space key (name of the space in the URL displayed in the browser).
...
You can format images in a variety of ways using HTML image attributes. Examples are shown below, followed by a list of HTML image attributes supported in Confluence.
Action | Markup | Displayed Image |
---|---|---|
Display alternative text for an image | !caBIGlogoR.jpg|alt="caBIG logo"! |
|
Display an image flush right with a blue border | !caBIGlogoR.jpg|align=right,border=2,bordercolor=blue,alt="caBIG logo"! |
|
Display a thumbnail | !caBIGlogoR.jpg|thumbnail,alt="caBIG logo thumbnail"! |
|
Info | ||
---|---|---|
| ||
- align — 'left', 'right', 'bottom', 'center', 'top'.
- border — width of the border (in pixels).
- bordercolor — specify the color of the image border created with the "border" tab by name or by hex value.
- hspace — amount of whitespace to be inserted to the left and right of the image (in pixels).
- vspace — amount of whitespace to be inserted above and below the image (in pixels).
- width — width of the image (in pixels). Supersedes natural width of the image.
- height — height of the image (in pixels). Supersedes the natural height of the image.
- title — descriptive text for the image, which is displayed when the pointer hovers over the image
- alt — alternative text (required), which is included in the HTML code. This text is retrievable via search, and contributes to accessibility of the page for text-only viewing.
...