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

Content deleted Content added
No edit summary
Tags: Mobile edit Mobile app edit iOS app edit
m invert icon in dark mode
 
(16 intermediate revisions by 11 users not shown)
Line 1:
<noinclude>{{pp-protected|reason=Persistent [[WP:Disruptive editing|disruptive editing]]|small=yes}}</noinclude>{{intro to|
akshay kanta Mandalkar
[[File:Durdle Door Overview.jpg|thumb|[[Durdle Door]], a [[natural arch]] near [[Lulworth Cove]]]]
Social worker/leadership
Once your image is uploaded to Commons or Wikipedia, you will probably want to use it in an article. Simply click {{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:
malipura
 
:< name.jpg|thumb|Caption for the image]]</nowiki></code>
 
:<code><nowiki>[[File:Image name.jpg|thumb|Caption for the image]]</nowiki></code>
 
For example:
<presyntaxhighlight lang="wikitext">[[File:Durdle Door Overview.jpg|thumb|[[Durdle Door]], a [[natural arch]] near [[Lulworth Cove]]|alt=Beach with a large rocky arch over the water]]</presyntaxhighlight>
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]]
You can also place images on the left hand side by including <code><nowiki>|left</nowiki></code>:
<pre>[[File:Colosseum in Rome, Italy - April 2007.jpg|thumb|left|The [[Colosseum]] in Rome]]</pre>
 
[[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>:
<presyntaxhighlight lang="wikitext">[[File:Colosseum in Rome, Italy - April 2007.jpg|thumb|left|The [[Colosseum]] in Rome]]</presyntaxhighlight>
 
See [[Wikipedia:Extended image syntax]] for more details on adjusting the display of images, including their size.
 
}}