NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This page includes the following:

Table of Contents
minlevel2

How to insert an image using the Rich Text editor

...

Warning
titleInserting an image with the markup shown here does not provide alt text.

This markup is provided for reference only.

Image Location

Markup

Displayed Image

Attached to another page in the same space
(Be sure all users in your group can view the page.)

Code Block
!Wiki FAQs, Tips and Guidelines^caBIGlogoR.jpg!

May not be used on this wiki

Attached to another page in a different space
(Be sure all users in your group can view the page.)

Code Block
!caCORE:EVS^EVSTiny80.jpg!

May not be used on this wiki

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
(not rendered by the Firefox browser)

Code Block
!caBIGlogoR.jpg\|alt="caBIG logo"!

caBIG logo

Display an image flush right with a blue border

Code Block
!caBIGlogoR.jpg|align=right,border=2,bordercolor=blue,alt="caBIG logo"!

caBIG logo

Display a thumbnail

Code Block
!caBIGlogoR.jpg|thumbnail,alt="caBIG logo thumbnail"!

Image Removed

Info
titleHTML image attributes supported in Confluence 2.8
 
  • 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.

...