مَدَتھ:وِکی کوڈ/ڈَبہٕ 2

یہِ چھُ اَکھ پرٛون گَردان یَمہِ صَفُک، یُس صٲرِف 511KeV (کَتھ | شرکت) چھُ اؠڈِٹ کۆرمُت 06:37, 23 جُلَے 2022 (Ad). یہِ یو آر ایل (URL) چھُ یَمہِ گَردانٕچ لِنک، یۄس حالٕک گَردان نِش مُختَلِف آسہِ.

(فَرَق) → امہ پرٛون نُسقہٕ | تازٕ گردان (فَرَق) | امہ پَتُک نُسقہٕ ← (فَرَق)
تُہُنٛد مَتَن ظٲہِریَتھ Notes
The image name, the word thumb then the caption : 
[[File:Wikipedia's W.svg|thumb|Wikipedia logo]]
The image name, the word thumb then the caption :
Puzzle globe
Wikipedia logo
  • The thumb tag automatically allows the image to be enlarged and positions it (floats) automatically to the right of the page.
  • An enlarge icon is placed in the lower right corner.
  • See note below about adding an alt tag
  • This is the basic markup for most images


A picture: [[File:Wikipedia's W.svg]]
A picture: فَیِل:Wiki.png
  • The picture name alone places the image in the text, or on the next line if there is insufficient space.
  • Embedding the image in the text is only possible for very small images.
  • Embedding the image will affect the vertical formatting of text.
With alternative text: 
[[File:wiki.png|alt=Puzzle globe logo]]
With alternative text:

Puzzle globe logo

  • Alternative text, used when the image is unavailable or when the image is loaded in a text-only browser, or when spoken aloud, is strongly encouraged. See Alternative text for images for help on choosing it.
With link: 
[[File:Wikipedia's W.svg|link=Wikipedia]]
With link:
  • The link directs to the Wikipedia page, Wikipedia, instead of the image file page.
Forced to the centre of the page
using the ''frame'' tag (attribute), a ''centre'' tag and a caption: 
[[File:wiki.png|frame|centre|alt=Puzzle globe|Wikipedia logo]]
Forced to the centre of the page using the frame tag (attribute), a centre tag and a caption:
Puzzle globe
Wikipedia logo
  • The frame tag automatically floats the image right.
  • The frame tag is only of use with very small images or ones using the px tag
  • The attributes left, center or centre override this, and places the image to the left or the centre of the page.
  • The last parameter is the caption that appears below the image.
Forced to the left side of the page
using the ''thumb'' attribute, the ''left'' attribute  and a caption: 
[[File:wiki.png|thumb|left|alt=Puzzle globe|Wikipedia logo]]
Forced to the left side of the page using the thumb attribute, the left attribute and a caption:
Puzzle globe
Wikipedia logo
  • The thumb tag automatically floats the image right.
  • An enlarge icon is placed in the lower right corner.
  • The attributes left, center or centre override this, and places the image to the left or the centre of the page.
Forced to the right side of the page
''without'' a caption: 
[[File:wiki.png|right|Wikipedia encyclopedia]]
Forced to the right side of the page without a caption:
Wikipedia encyclopedia
Wikipedia encyclopedia
  • Captions are only displayed when the thumb or frame attributes are present
  • The picture tutorial explains more options.
A picture resized to 50 pixels... 
[[File:wiki.png|50 px|Wikipedia encyclopedia]]
A picture resized to 50 pixels width...

Wikipedia encyclopedia

  • The picture tutorial explains more options.
  • Sizing in pixels is deprecated and should be used very sparingly.
  • There is an upright attribute that should be used instead. These tags are optimised for both laptop and mobile phone screens.
Linking directly to the description page of an image: 
[[:File:wiki.png]]
Linking directly to the description page of an image:

File:wiki.png

  • Clicking on an image displayed normally on a page also leads to the description page.
Linking directly to an image without displaying it: 
[[Media:wiki.png|Image of jigsaw globe]]
Linking directly to an image without displaying it:

Image of jigsaw globe

  • To include links to images shown as links instead of drawn on the page, use a "media" link.
Example: 
<div style="display: inline; width: 220px; float: right;">
[[File:wiki.png|50 px|Wikipedia encyclopedia]][[File:wiki.png|50 px]] </div>

Example:

  • Using the span or div elements to separate images from text (note that this may allow images to cover text).
Example:

{| align=right
|-
|
[[File:wiki.png|50 px]]
|-
|
[[File:wiki.png|50 px]]
|-
|
[[File:wiki.png|50 px]]
|}

Example:

فَیِل:Wiki.png

فَیِل:Wiki.png

فَیِل:Wiki.png

  • Using wiki markup to make a table in which to place a vertical column of images (this helps edit links match headers, especially in Firefox browsers).