Editing Wiki/HTML Mark-Up

<color red>strikethrough</color>



==X/HTML Markup in Wikis==

    * <abbr>abbreviation</abbr>
    * <br> or <br/>
    * <cite>cited source</cite>
    * <code>program source code</code>
    * <dfn>definition</dfn>
    * <em>emphasis</em>
    * <h1>Heading 1</h1> through <h6>Heading 6</h6>
    * <hr> or <hr/> for horizontal rules
    * <kbd>keyboard text</kbd>
    * <pre>preformatted text</pre>
    * <strong>strong emphasis</strong>
    * <samp>sample output</samp>
    * <sub>subscript text</sub>
    * <sup>superscript text</sup>
    * <var>variable</var>
    * <acronym>acronym</acronym>: deprecated in XHTML 2.
    * <b>bold</b>: deprecated in XHTML 2.
    * <big>big text</big>: deprecated in XHTML 2.
    * <del>deleted text</del>: deprecated in XHTML 2.
    * <i>italics</i>: deprecated in XHTML 2.
    * <ins>inserted text</ins>: deprecated in XHTML 2.
    * <small>small text</small>: deprecated in XHTML 2.
    * <tt>technical term</tt>: deprecated in XHTML 2.
    * <s>strikethrough</s>: deprecated in HTML 4.
    * <strike>strikethrough</strike>: deprecated in HTML 4.
    * <u>underline</u>: deprecated in HTML 4. 


===Images===
Only images that have been uploaded to Wikipedia can be used. To upload images, use the [[Special:Upload|upload page]]. You can find the uploaded image on the [[Special:Imagelist|image list]].

{| border="1" cellpadding="2" cellspacing="0"
|-
! What it looks like
! What you type
|- valign="top"
|A picture: 
[[Image:wiki.png]]
|<pre>A picture: 
<nowiki>[[Image:wiki.png]]</nowiki></pre>

|- valign="top"
|With alternative text:
[[Image:wiki.png|Wikipedia, The Free Encyclopedia.]]
|<pre>With alternative text:
<nowiki>[[Image:wiki.png|Wikipedia, The Free Encyclopedia.]]</nowiki></pre>
* 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 [[Wikipedia:Alternate text for images|Alternate text for images]] for help on choosing it.

|- valign="top"
|Floating to the right side of the page using the ''frame'' attribute and a caption:
[[Image:wiki.png|frame|Wikipedia Encyclopedia]]<br clear=all>
|<pre>Floating to the right side of the page using the ''frame'' attribute and a caption:
<nowiki>[[Image:wiki.png|frame|Wikipedia Encyclopedia]]</nowiki></pre>
* The frame tag automatically floats the image right.
* The caption is also used as alternate text.

|- valign="top"
|Floating to the right side of the page using the ''thumb'' attribute and a caption:
[[Image:wiki.png|thumb|Wikipedia Encyclopedia]]<br clear=all>
|<pre>Floating to the right side of the page using the ''thumb'' attribute and a caption:
<nowiki>[[Image:wiki.png|thumb|Wikipedia Encyclopedia]]</nowiki></pre>
* The thumb tag automatically floats the image right.
* The caption is also used as alternate text.
* An enlarge icon is placed in the lower right corner.

|- valign="top"
|Floating to the right side of the page ''without'' a caption:
[[Image:wiki.png|right|Wikipedia Encyclopedia]]
|<pre>Floating to the right side of the page
''without'' a caption:
<nowiki>[[Image:wiki.png|right|Wikipedia Encyclopedia]]</nowiki></pre>
* The help topic on [[Wikipedia:Extended image syntax|extended image syntax]] explains more options.

|- valign="top"
|A picture resized to 30 pixels...
[[Image:wiki.png|30 px]]
|<pre>A picture resized to 30 pixels...
<nowiki>[[Image:wiki.png|30 px]]</nowiki></pre>
* The help topic on [[Wikipedia:Extended image syntax|extended image syntax]] explains more options.

|- valign="top"
|Linking directly to the description page of an image:
[[:Image:wiki.png]]
|<pre>Linking directly to the description page
of an image:
<nowiki>[[:Image:wiki.png]]</nowiki></pre>
* Clicking on an image displayed on a page
(such as any of the ones above)
also leads to the description page

|- valign="top"
|Linking directly to an image without displaying it:
[[:Image:wiki.png|Image of the jigsaw globe logo]]
|<pre>Linking directly to an image
without displaying it:
<nowiki>[[:media:wiki.png|Image of the jigsaw globe logo]]</nowiki></pre>
* To include links to images shown as links instead of drawn on the page, use a "media" link.

|- valign="top" 
|Using the [[div tag]] to separate images from text (note that this may allow images to cover text):
|<pre><nowiki>Example:
<div style="display:inline;
width:220px; float:right;">
Place images here </div></nowiki></pre>

|- valign="top" 
|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): 
|<pre><nowiki>Example: {| align=right
|-
| 
Place images here
|}
</nowiki></pre>

|}

See the Wikipedia's [[Wikipedia:Image use policy|image use policy]] as a guideline used on Wikipedia.

For further help on images, including some more versatile abilities, see the topic on [[Wikipedia:Extended image syntax|Extended image syntax]].


===Character formatting===
{| border="1" cellpadding="2" cellspacing="0"
|- valign="top"
! What it looks like
! What you type
|- id="emph" valign="top"
|
''Italicized text''<br />'''Bold text'''<br />'''''Italicized & Bold text'''''
|
<pre><nowiki>
''Italicized text''
'''Bold text'''
'''''Italicized & Bold text'''''
</nowiki></pre>
|- valign="top"
|
A typewriter font for <tt>monospace text</tt>
or for computer code: <code>int main()</code>

* For semantic reasons, using <code>&lt;code&gt;</code> where applicable is preferable to using <code>&lt;tt&gt;</code>.
|
<pre><nowiki>
A typewriter font for <tt>monospace text</tt>
or for computer code: <code>int main()</code>
</nowiki></pre>
|- valign=top
|
Create codeblocks<code><pre>
#include <iostream.h>
int main ()
{
cout << "Hello World!";
return 0;
}
</pre></code> that are printed as entered
|
<pre>Use &lt;code&gt;&lt;pre&gt; Block of Code &lt;/pre&gt;&lt;/code&gt; around the 
block of code.

* The &lt;pre&gt; tags within the codeblock will create formatting 
issues - to solve, display the tags literally with 
&amp;lt;pre&amp;gt;  and  &amp;lt;/pre&amp;gt;</pre>
|- valign="top"
|
You can use <small>small text</small> for captions.
|
<pre><nowiki>
You can use <small>small text</small> for captions.
</nowiki></pre>
|- valign="top"
|
Better stay away from <big>big text</big>, unless
<small> it's <big>within</big> small</small> text. 
|
<pre><nowiki>
Better stay away from <big>big text</big>, unless
<small> it's <big>within</big> small</small> text.
</nowiki></pre>
|- valign="top"
|
You can <s>strike out deleted material</s>
and <u>underline new material</u>.

You can also mark <del>deleted material</del> and
<ins>inserted material</ins> using logical markup.
For backwards compatibility better combine this
potentially ignored new <del>logical</del> with 
the old <s><del>physical</del></s> markup.

* When editing regular Wikipedia articles, just make your changes and do not mark them up in any special way.
* When editing your own previous remarks in talk pages, it is sometimes appropriate to mark up deleted or inserted material.
|
<pre><nowiki>
You can <s>strike out deleted material</s>
and <u>underline new material</u>.

You can also mark <del>deleted material</del> and
<ins>inserted material</ins> using logical markup.
For backwards compatibility better combine this
potentially ignored new <del>logical</del> with
the old <s><del>physical</del></s> markup.
</nowiki></pre>
|- valign="top"
|
'''Suppressing interpretation of markup:'''
<br/>
<nowiki>Link &rarr; (''to'') the [[Wikipedia FAQ]]</nowiki>
* Used to show literal data that would otherwise have special meaning.
* Escape all wiki markup, including that which looks like HTML tags.
* Does not escape HTML character references.
* To escape HTML character references such as <tt>&amp;rarr;</tt> use <tt>&amp;amp;rarr;</tt>
|
<br/>
<pre><nowiki>
&lt;nowiki>Link &amp;rarr; (''to'') 
the [[Wikipedia FAQ]]&lt;/nowiki>
</nowiki></pre>
|- valign="top"
|
'''Commenting page source:'''
<br/>
''not shown when viewing page''
* Used to leave comments in a page for future editors.
* Note that most comments should go on the appropriate [[Wikipedia:Talk page|Talk page]].
|
<br/>
<pre><nowiki>
&lt;!-- comment here -->
</nowiki></pre>
|- valign="top"
|
'''<span id="diacritics">Diacritical marks:</span>'''
<br/>
À Á Â Ã Ä Å <br/>
Æ Ç È É Ê Ë <br/>
Ì Í
Î Ï Ñ Ò <br/>
Ó Ô Õ
Ö Ø Ù <br/>
Ú Û Ü ß
à á <br/>
â ã ä å æ
ç <br/>
è é ê ë ì í<br/>
î ï ñ ò ó ô <br/>
œ õ
ö ø ù ú <br/>
û ü ÿ

* See [[meta:Help:Special characters|special characters]].
|
<br/>
<pre><nowiki>
&amp;Agrave; &amp;Aacute; &amp;Acirc; &amp;Atilde; &amp;Auml; &amp;Aring; 
&amp;AElig; &amp;Ccedil; &amp;Egrave; &amp;Eacute; &amp;Ecirc; &amp;Euml; 
&amp;Igrave; &amp;Iacute; &amp;Icirc; &amp;Iuml; &amp;Ntilde; &amp;Ograve; 
&amp;Oacute; &amp;Ocirc; &amp;Otilde; &amp;Ouml; &amp;Oslash; &amp;Ugrave; 
&amp;Uacute; &amp;Ucirc; &amp;Uuml; &amp;szlig; &amp;agrave; &amp;aacute; 
&amp;acirc; &amp;atilde; &amp;auml; &amp;aring; &amp;aelig; &amp;ccedil; 
&amp;egrave; &amp;eacute; &amp;ecirc; &amp;euml; &amp;igrave; &amp;iacute;
&amp;icirc; &amp;iuml; &amp;ntilde; &amp;ograve; &amp;oacute; &amp;ocirc; 
&amp;oelig; &amp;otilde; &amp;ouml; &amp;oslash; &amp;ugrave; &amp;uacute; 
&amp;ucirc; &amp;uuml; &amp;yuml;
</nowiki></pre>
|- valign="top"
|
'''Punctuation:'''
<br/>
¿ ¡ § ¶<br/>
† ‡ • &ndash; &mdash;<br/>
‹ › « »<br/>
‘ ’ “ ”
|
<br/>
<pre><nowiki>
&amp;iquest; &amp;iexcl; &amp;sect; &amp;para;
&amp;dagger; &amp;Dagger; &amp;bull; &amp;ndash; &amp;mdash;
&amp;lsaquo; &amp;rsaquo; &amp;laquo; &amp;raquo;
&amp;lsquo; &amp;rsquo; &amp;ldquo; &amp;rdquo;
</nowiki></pre>
|- valign="top"
|
'''Commercial symbols:'''
<br/>
™ © ® ¢ € ¥<br/>
£ ¤
|
<br/>
<pre><nowiki>
&amp;trade; &amp;copy; &amp;reg; &amp;cent; &amp;euro; &amp;yen; 
&amp;pound; &amp;curren;
</nowiki></pre>
|- valign="top"
|
'''Subscripts:'''
<br/>
x<sub>1</sub> x<sub>2</sub> x<sub>3</sub> or
<br/>
x₀ x₁ x₂ x₃ x₄
<br/>
x₅ x₆ x₇ x₈ x₉

'''Superscripts:'''
<br/>
x<sup>1</sup> x² x³ or
<br/>
x⁰ x¹ x² x³ x⁴
<br/>
x⁵ x⁶ x⁷ x⁸ x⁹

*The latter methods of sub/superscripting cannot be used in the most general context, as they rely on Unicode support which may not be present on all users' machines. For the 1-2-3 superscripts, it is nevertheless preferred when possible (as with units of measurement) because most browsers have an easier time formatting lines with it.

ε<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C² / J m.

1 [[hectare]] = [[1 E4 m&sup2;]]
|
<br/>
<pre><nowiki>
x<sub>1</sub> x<sub>2</sub> x<sub>3</sub> or
<br/>
x&amp;#8320; x&amp;#8321; x&amp;#8322; x&amp;#8323; x&amp;#8324;
<br/>
x&amp;#8325; x&amp;#8326; x&amp;#8327; x&amp;#8328; x&amp;#8329;
</nowiki></pre>

<pre><nowiki>
x<sup>1</sup> x<sup>2</sup> x<sup>3</sup> or
<br/>
x&amp;#8304; x&amp;sup1; x&amp;sup2; x&amp;sup3; x&amp;#8308;
<br/>
x&amp;#8309; x&amp;#8310; x&amp;#8311; x&amp;#8312; x&amp;#8313;

&amp;epsilon;<sub>0</sub> =
8.85 &amp;times; 10<sup>&amp;minus;12</sup>
C&amp;sup2; / J m.

1 [[hectare]] = [[1 E4 m&amp;sup2;]]
</nowiki></pre>
|- valign="top"
|
'''Greek characters:'''
<br/>
α β γ δ ε ζ<br/>
η θ ι κ λ μ ν<br/>
ξ ο π ρ σ ς<br/>
τ υ φ χ ψ ω<br/>
Γ Δ Θ Λ Ξ Π<br/>
Σ Φ Ψ Ω
|
<br/>
<pre><nowiki>
&amp;alpha; &amp;beta; &amp;gamma; &amp;delta; &amp;epsilon; &amp;zeta; 
&amp;eta; &amp;theta; &amp;iota; &amp;kappa; &amp;lambda; &amp;mu; &amp;nu; 
&amp;xi; &amp;omicron; &amp;pi; &amp;rho; &amp;sigma; &amp;sigmaf;
&amp;tau; &amp;upsilon; &amp;phi; &amp;chi; &amp;psi; &amp;omega;
&amp;Gamma; &amp;Delta; &amp;Theta; &amp;Lambda; &amp;Xi; &amp;Pi; 
&amp;Sigma; &amp;Phi; &amp;Psi; &amp;Omega;
</nowiki></pre>
|- valign="top"
|
'''Mathematical characters:'''
<br/>
∫ ∑ ∏ √ &minus; ± ∞<br/>
≈ ∝ ≡ ≠ ≤ ≥<br/>
&times; · ÷ ∂ &prime; &Prime;<br/>
∇ ‰ ° ∴ ℵ ø<br/>
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇<br/>
¬ ∧ ∨ ∃ ∀ ⇒ ⇐ ⇓ ⇑ ⇔<br/>
→ ↓ ↑ ← ↔<br/>
* See also [[Wikipedia:WikiProject Mathematics|WikiProject Mathematics]] and [[TeX]].
|
<br/>
<pre><nowiki>
&amp;int; &amp;sum; &amp;prod; &amp;radic; &amp;minus; &amp;plusmn; &amp;infin;
&amp;asymp; &amp;prop; &amp;equiv; &amp;ne; &amp;le; &amp;ge;
&amp;times; &amp;middot; &amp;divide; &amp;part; &amp;prime; &amp;Prime;
&amp;nabla; &amp;permil; &amp;deg; &amp;there4; &amp;alefsym; &amp;oslash;
&amp;isin; &amp;notin; &amp;cap; &amp;cup; &amp;sub; &amp;sup; &amp;sube; &amp;supe;
&amp;not; &amp;and; &amp;or; &amp;exist; &amp;forall; &amp;rArr; &amp;lArr; &amp;dArr; &amp;uArr; &amp;hArr;
&amp;rarr; &amp;darr; &amp;uarr; &amp;larr; &amp;harr;
</nowiki></pre>
|- valign="top"
|
<math>\,\! \sin x + \ln y</math><br>
sin''x'' + ln''y''
<!-- no space between roman "sin" and italic "x" -->

<math>\mathbf{x} = 0</math><br>
'''x''' = 0

Ordinary text should use [[#emph|wiki markup for emphasis]], and should not use <code>&lt;i&gt;</code> or <code>&lt;b&gt;</code>.  However, mathematical formulae often use italics, and sometimes use bold, for reasons unrelated to emphasis.  Complex formulae should use [[Help:Formula|<code>&lt;math&gt;</code> markup]], and simple formulae may use <code>&lt;math&gt;</code>; or <code>&lt;i&gt;</code> and <code>&lt;b&gt;</code>; or <code><nowiki>''</nowiki></code> and <code><nowiki>'''</nowiki></code>.  According to [[Wikipedia:WikiProject Mathematics#Italicization and bolding|WikiProject Mathematics]], wiki markup is preferred over HTML markup like <code>&lt;i&gt;</code> and <code>&lt;b&gt;</code>.
|
<pre><nowiki>
<math>\,\! \sin x + \ln y</math>
sin''x'' + ln''y''

<math>\mathbf{x} = 0</math>
'''x''' = 0
</nowiki></pre>
|- valign="top"
|
'''Spacing in simple math formulae:'''
<br/>
Obviously, ''x''²&nbsp;≥&nbsp;0 is true when ''x'' is a real number.
*To space things out without allowing line breaks to interrupt the formula, use non-breaking spaces: <tt>&amp;nbsp;</tt>.
|
<br/>
<pre><nowiki>
Obviously, ''x''&amp;sup2;&amp;nbsp;&amp;ge;&amp;nbsp;0 is true when ''x'' is a real number.
</nowiki></pre>
|- valign="top"
|
'''Complicated formulae:'''
<br/>
: <math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
* See [[Help:Formula]] for how to use <tt>&lt;math></tt>.
* A formula displayed on a line by itself should probably be indented by using the colon (:) character.
|
<br/>
<pre><nowiki>
: <math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
</nowiki></pre>
|}
''(see also: [[Chess symbols in Unicode]])''



----
[[Brick City]]