Wikipedia:Image markup with HTML

--



Caption

Right-floating image with caption
--

Column of images, floated
See the 2003 version of Floppy disk for an example.

Markup for images is quite complicated. This may be improved in the future: see image pages. Here are some examples of typical markup ("image" for an image in the page, "media" for just a link):

If your caption is longer than a few words, you may need to explicitly set the  width. Some browsers adjust the width of the  based on the width of the text, and if there is a large caption, the   may become too large. To solve this problem, simply set the width of the  to the width (in pixels) of the image, like so:



(replacing  with the correct width of your image. The inclusion of this specification is optional, but recommended if you have a caption longer than a few words. For large amounts of caption text, use   to make it left-justified.

Alternate text is optional but recommended. See Alternate text for images for hints on writing good alternate text.

To have some text to the left of an image, and then some more text below the image, then put in a single. This will force following text down until the margins are free of floating images.

Some recommend using &lt;small> for captions, so they appear like this.

Link to the image description page
If you want to make a link to the description page for an image, use a leading colon before "image:" in an intra-wiki link, like this: STS-32 crew which yields: STS-32 crew

Blank line after image code
Always put a blank line after the image code to avoid an ugly indentation of the text with Internet Explorer.