Editing Help:Editing (section)

===Images, tables, video, and sounds===

After uploading, just enter the filename, highlight it and press the "embedded image"-button of the edit_toolbar.

This will produce the syntax for uploading a file '''<nowiki>[[Image:filename.png]]</nowiki>'''

This is a very quick introduction. For more information, see:
* [http://en.wikipedia.org/wiki/Help:Images_and_other_uploaded_files Images and other uploaded files] for how to upload files
* [http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax Extended image syntax] for how to arrange images on the page
* [http://en.wikipedia.org/wiki/Help:Table Table] for how to create a table

{| border="1" cellpadding="2"
!width="800"|What it looks like
!width="600"|What you type
|-
|
A picture, including alternate text:

[[Image:Comissar.png|This Wiki's logo]]

You can put the image in a thumbnail with a caption:
[[Image:Comissar.png|thumb|This Wiki's logo]]
|<pre>
A picture, including alternate text:

[[Image:Comissar.png|This Wiki's logo]]

The image in a thumbnail with a caption:
[[Image:Comissar.png|thumb|This Wiki's logo]]
</pre>
|-
|
The following lets you change how images appear on the page:

*''000px'' is added to the code defining an image on the page. The zeroes are replaced by a number, which determines the width of a picture in pixels, scaling the height proportionally. Making a picture more than 500 pixels wide will mess with the text or people with smaller screens, so use such excessively wide pictures only with good reason. If you add an "x" in front of the number (so instead of 300px you have x300px) the picture will instead be that number of pixtures tall and scales the width accordingly. Defining width makes it easier to predict how large a picture will be, so in all but a few cases that is used.
*''thumb'' is used to create thumbnails; this puts a frame aroudn the picture and allows for a caption to be added. ''frame'' does the same thing, but ''thumb'' is the standard.
*''left'', ''center'', ''right'' are all used to align a picture on the page: on the left, in the center or in the right. Pictures preferrably go on the right side of the page, unless this would mess up the vertical alignment of the picture, in which case it goes on the left. Centered images are preferrably not used because the text on the page does not wrap around it. As such, these are mostly used to center icons at the top of the page in some cases like the [[Tau]] page.

Adding this code is a matter of adding vertical lines like this one: | to divide the code. An exaple of this:

Image:Comissar.png|300px|thumb|right|This is a caption.

There is no requirement on the software to put the sections in any order nor are there strict guidelines, but something like the above is preferred for ease of editing.
|<pre>
The following lets you change how images appear on the page:

*''000px'' is added to the code defining an image on the page. The zeroes are replaced by a number, which determines the width of a picture in pixels, scaling the height proportionally. Making a picture more than 500 pixels wide will mess with the text or people with smaller screens, so use such excessively wide pictures only with good reason. If you add an "x" in front of the number (so instead of 300px you have x300px) the picture will instead be that number of pixtures tall and scales the width accordingly. Defining width makes it easier to predict how large a picture will be, so in all but a few cases that is used.
*''thumb'' is used to create thumbnails; this puts a frame aroudn the picture and allows for a caption to be added. ''frame'' does the same thing, but ''thumb'' is the standard.
*''left'', ''center'', ''right'' are all used to align a picture on the page: on the left, in the center or in the right. Pictures preferrably go on the right side of the page, unless this would mess up the vertical alignment of the picture, in which case it goes on the left. Centered images are preferrably not used because the text on the page does not wrap around it. As such, these are mostly used to center icons at the top of the page in some cases like the [[Tau]] page.

Adding this code is a matter of adding vertical lines like this one: | to divide the code. An exaple of this:

Image:Comissar.png|300px|thumb|right|This is a caption.

There is no requirement on the software to put the sections in any order nor are there strict guidelines, but something like the above is preferred for ease of editing.
</pre>
|-
|
A link to Wikipedia's page for the image:
[[:Image:Comissar.png]]

Or a link directly to the image itself:
[[Media:Comissar.png]]
|<pre>
A link to Wikipedia's page for the image:
[[:Image:Comissar.png]]

Or a link directly to the image itself:
[[Media:Comissar.png]]
</pre>
|-
|
Use '''media:''' links to link 
directly to sounds or videos: 
[[media:Classical guitar scale.ogg|A sound file]]
|<pre>
Use '''media:''' links to link
directly to sounds or videos:
[[media:Classical guitar scale.ogg|A sound file]]
</pre>
|-
|
{| border="1" cellspacing="0" cellpadding="5" align="center"
! This 
! is 
|- 
| SPAR 
| TA! 
|-
|}
|<pre>
{| border="1" cellspacing="0" cellpadding="5" align="center"
! This
! is
|- 
| SPAR
| TA!
|-
|}

</pre>
|}