Help:Introduction to images with Wiki Markup/3: Difference between revisions

Revision as of 13:31, 6 September 2014

Latest revision as of 23:05, 21 June 2024

(46 intermediate revisions by 27 users not shown)

Line 1:

<noinclude>{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]|small=yes}}</noinclude>{{intro to|

{{Help intro frame top}}

[[File:Durdle Door Overview.jpg|thumb|right|[[Durdle Door]], a [[natural arch]] near [[Lulworth Cove]]]]

<!-- TABS -->

Once your image is uploaded to Commons or Wikipedia, you will probably want to use it in an article. Fortunately, this works the same way whichever site you uploaded it to. Simply click [edit]{{menu icon|Edit|non}} on the article you want to include the image in, then add the following where you want the image to appear:

{{Help:Introduction to uploading images/tabs|This=5}}

|style="padding: 2em;" |

:<code><nowiki>[[File:Image name.jpg|thumb|right|Caption for the image]]</nowiki></code>

<!-- CONTENT -->

Once your image is uploaded to Commons or Wikipedia, you will probably want to use it in an article. Fortunately, this works the same way whichever site you uploaded it to. Simply click [edit] on the article you want to include the image in, then add the following where you want the image to appear:

:<code><nowiki>[[File:Image name.jpg|thumb|right|Caption for the image]]</nowiki></code>

[[File:Durdle Door Overview.jpg|thumb|right|[[Durdle Door]], a [[natural arch]] near [[Lulworth Cove]]]]

For example:

:<code><nowikisyntaxhighlight lang="wikitext">[[File:Durdle Door Overview.jpg|thumb|right|[[Durdle Door]], a [[natural arch]] near [[Lulworth Cove]]|alt=Beach with a large rocky arch over the water]]</nowiki></codesyntaxhighlight>

The [[File:OOjs UI icon image-ltr.svg|20px|class=skin-invert|link=|alt=Image icon]] button also works. Notice that the caption can contain links.

[[File:Colosseum in Rome, Italy - April 2007.jpg|thumb|left|The [[Colosseum]] in Rome|alt=See caption]]

By default, images display on the right side of the article. You can also place images on the left hand side of the article by including <code><nowiki>|left</nowiki></code>:

:<code><nowikisyntaxhighlight lang="wikitext">[[File:Colosseum in Rome, Italy - April 2007.jpg|thumb|left|The [[Colosseum]] in Rome]]</nowiki></codesyntaxhighlight>

See [[Wikipedia:Extended image syntax]] for more details on adjusting the display of images, including their size.

{{-}}

{{Help intro next|target = Help:Introduction to uploading images/6}}

|}

[[Category:Wikipedia quick introductions]]