Difference between revisions of "Images - Mediawiki"
From Help Wiki
m (subst applied to Template:TwoColumn) |
|||
(One intermediate revision by one other user not shown) | |||
Line 1: | Line 1: | ||
− | + | ||
− | + | <div class="container-fluid"> | |
− | | | + | <div class="row"> |
+ | <div class="col-md-8"> | ||
+ | <div class="lead"> | ||
+ | Learn the basic wiki syntax for embedding images. Remember, you can also use the [[Visual Editor - Mediawiki|Visual Editor]] for a quick and easy way to embed images. | ||
+ | </div> | ||
+ | |||
[[Image:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]] | [[Image:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]] | ||
− | ==Image | + | ==Image Basic Syntax== |
Displaying images in wiki pages is a 2 step process: | Displaying images in wiki pages is a 2 step process: | ||
#Upload the image file by clicking the '''Upload file''' link in the Toolbox navigation. ''(note: you must use '''.jpg''', '''.gif''' and '''.png''' type image files). For more on uploading files see [[Uploading Files - Mediawiki|Uploading Files]] | #Upload the image file by clicking the '''Upload file''' link in the Toolbox navigation. ''(note: you must use '''.jpg''', '''.gif''' and '''.png''' type image files). For more on uploading files see [[Uploading Files - Mediawiki|Uploading Files]] | ||
Line 49: | Line 54: | ||
*For a complete guide to the image extended syntax see: [http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax Mediawiki Extended Image Syntax] | *For a complete guide to the image extended syntax see: [http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax Mediawiki Extended Image Syntax] | ||
*To alter the image link see [http://meta.wikimedia.org/wiki/Help:Navigational_images navigational images] | *To alter the image link see [http://meta.wikimedia.org/wiki/Help:Navigational_images navigational images] | ||
− | + | ||
+ | |||
+ | <!-- end col-md-8 --> | ||
+ | </div> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-3 sidebar"> | ||
{{Mediawiki Help}} | {{Mediawiki Help}} | ||
{{GetHelp}} | {{GetHelp}} | ||
− | + | ||
+ | <!-- end col-md-3--> | ||
+ | </div> | ||
+ | <!-- end row--> | ||
+ | </div> | ||
+ | <!-- end container--> | ||
+ | </div> | ||
+ | <!-- Generator=Template:TwoColumn --> | ||
+ | __NOTOC__ | ||
+ | __NOEDITSECTION__ | ||
[[category:Mediawiki]] | [[category:Mediawiki]] |
Latest revision as of 16:01, 14 August 2017
Learn the basic wiki syntax for embedding images. Remember, you can also use the Visual Editor for a quick and easy way to embed images.
Image Basic Syntax
Displaying images in wiki pages is a 2 step process:
- Upload the image file by clicking the Upload file link in the Toolbox navigation. (note: you must use .jpg, .gif and .png type image files). For more on uploading files see Uploading Files
- In the page you want the image to be displayed in, place a link to the image file using the following syntax (note: replace filename.jpg with the name of your file) [[File:filename.jpg]] or [[File:filename.jpg|alt text]] to include alternate text with your image.
Extended image syntax
There are many additional ways you can control how images are displayed.
[[File:{name}|{type}|{location}|{size}|{caption}]]
Example:
This image uses the following syntax. Note the size refers to the width only in pixels.
[[File:Tesla portrait.gif|thumb|right|150px|portrait of Nicola Tesla]]
Image Galleries
The basic syntax is:
<gallery> Image:Tesla portrait.gif Image:Tesla portrait.gif|Captioned Image:Tesla portrait.gif Image:Tesla portrait.gif|[[Links]] can be put in captions. Image:Tesla portrait.gif </gallery>
Which produces:
Links can be put in captions.
Notice that there are no brackets except for links within captions. Captions are optional. Images are separated by new lines.
- See also
- For a complete guide to the image extended syntax see: Mediawiki Extended Image Syntax
- To alter the image link see navigational images