Wiki/HTML Mark-Up

From RPGnet
Jump to: navigation, search

<color red>strikethrough</color>


X/HTML Markup in Wikis[edit]

  • abbreviation

  • or
  • cited source
  • program source code
  • definition
  • emphasis
  • Heading 1

    through
    Heading 6

  • or
    for horizontal rules
  • keyboard text
  • preformatted text
  • strong emphasis
  • sample output
  • subscript text
  • superscript text
  • variable
  • <acronym>acronym</acronym>: deprecated in XHTML 2.
  • bold: deprecated in XHTML 2.
  • big text: deprecated in XHTML 2.
  • deleted text: deprecated in XHTML 2.
  • italics: deprecated in XHTML 2.
  • inserted text: deprecated in XHTML 2.
  • small text: deprecated in XHTML 2.
  • technical term: deprecated in XHTML 2.
  • strikethrough: deprecated in HTML 4.
  • strikethrough: deprecated in HTML 4.
  • underline: deprecated in HTML 4.


Images[edit]

Only images that have been uploaded to Wikipedia can be used. To upload images, use the upload page. You can find the uploaded image on the image list.

What it looks like What you type
A picture:

File:Wiki.png

A picture: 
[[Image:wiki.png]]
With alternative text:

Wikipedia, The Free Encyclopedia.

With alternative text:
[[Image:wiki.png|Wikipedia, The Free Encyclopedia.]]
  • 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 Alternate text for images for help on choosing it.
Floating to the right side of the page using the frame attribute and a caption:
File:Wiki.png
Wikipedia Encyclopedia

Floating to the right side of the page using the ''frame'' attribute and a caption:
[[Image:wiki.png|frame|Wikipedia Encyclopedia]]
  • The frame tag automatically floats the image right.
  • The caption is also used as alternate text.
Floating to the right side of the page using the thumb attribute and a caption:
File:Wiki.png
Wikipedia Encyclopedia

Floating to the right side of the page using the ''thumb'' attribute and a caption:
[[Image:wiki.png|thumb|Wikipedia Encyclopedia]]
  • 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.
Floating to the right side of the page without a caption:
Floating to the right side of the page
''without'' a caption:
[[Image:wiki.png|right|Wikipedia Encyclopedia]]
A picture resized to 30 pixels...

30 px

A picture resized to 30 pixels...
[[Image:wiki.png|30 px]]
Linking directly to the description page of an image:

Image:wiki.png

Linking directly to the description page
of an image:
[[:Image:wiki.png]]
  • Clicking on an image displayed on a page

(such as any of the ones above) also leads to the description page

Linking directly to an image without displaying it:

Image of the jigsaw globe logo

Linking directly to an image
without displaying it:
[[:media:wiki.png|Image of the jigsaw globe logo]]
  • To include links to images shown as links instead of drawn on the page, use a "media" link.
Using the div tag to separate images from text (note that this may allow images to cover text):
Example:
<div style="display:inline;
width:220px; float:right;">
Place images here </div>
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):
Example: {| align=right
|-
| 
Place images here
|}

See the Wikipedia's image use policy as a guideline used on Wikipedia.

For further help on images, including some more versatile abilities, see the topic on Extended image syntax.


Character formatting[edit]

What it looks like What you type

Italicized text
Bold text
Italicized & Bold text

''Italicized text''
'''Bold text'''
'''''Italicized & Bold text'''''

A typewriter font for monospace text or for computer code: int main()

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

* The <pre> tags within the codeblock will create formatting 
issues - to solve, display the tags literally with 
&lt;pre&gt;  and  &lt;/pre&gt;

You can use small text for captions.

You can use <small>small text</small> for captions.

Better stay away from big text, unless it's within small text.

Better stay away from <big>big text</big>, unless
<small> it's <big>within</big> small</small> text.

You can strike out deleted material and underline new material.

You can also mark deleted material and inserted material using logical markup. For backwards compatibility better combine this potentially ignored new logical with the old physical 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.
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.

Suppressing interpretation of markup:
Link → (''to'') the [[Wikipedia FAQ]]

  • 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 &rarr; use &amp;rarr;


<nowiki>Link &rarr; (''to'') 
the [[Wikipedia FAQ]]</nowiki>

Commenting page source:
not shown when viewing page

  • Used to leave comments in a page for future editors.
  • Note that most comments should go on the appropriate Talk page.


<!-- comment here -->

Diacritical marks:
À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ ç
è é ê ë ì í
î ï ñ ò ó ô
œ õ ö ø ù ú
û ü ÿ


&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring; 
&AElig; &Ccedil; &Egrave; &Eacute; &Ecirc; &Euml; 
&Igrave; &Iacute; &Icirc; &Iuml; &Ntilde; &Ograve; 
&Oacute; &Ocirc; &Otilde; &Ouml; &Oslash; &Ugrave; 
&Uacute; &Ucirc; &Uuml; &szlig; &agrave; &aacute; 
&acirc; &atilde; &auml; &aring; &aelig; &ccedil; 
&egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc; 
&oelig; &otilde; &ouml; &oslash; &ugrave; &uacute; 
&ucirc; &uuml; &yuml;

Punctuation:
¿ ¡ § ¶
† ‡ • – —
‹ › « »
‘ ’ “ ”


&iquest; &iexcl; &sect; &para;
&dagger; &Dagger; &bull; &ndash; &mdash;
&lsaquo; &rsaquo; &laquo; &raquo;
&lsquo; &rsquo; &ldquo; &rdquo;

Commercial symbols:
™ © ® ¢ € ¥
£ ¤


&trade; &copy; &reg; &cent; &euro; &yen; 
&pound; &curren;

Subscripts:
x1 x2 x3 or
x₀ x₁ x₂ x₃ x₄
x₅ x₆ x₇ x₈ x₉

Superscripts:
x1 x² x³ or
x⁰ x¹ x² x³ x⁴
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.

ε0 = 8.85 × 10−12 C² / J m.

1 hectare = 1 E4 m²


x<sub>1</sub> x<sub>2</sub> x<sub>3</sub> or
<br/>
x&#8320; x&#8321; x&#8322; x&#8323; x&#8324;
<br/>
x&#8325; x&#8326; x&#8327; x&#8328; x&#8329;
x<sup>1</sup> x<sup>2</sup> x<sup>3</sup> or
<br/>
x&#8304; x&sup1; x&sup2; x&sup3; x&#8308;
<br/>
x&#8309; x&#8310; x&#8311; x&#8312; x&#8313;

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

1 [[hectare]] = [[1 E4 m&sup2;]]

Greek characters:
α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω


&alpha; &beta; &gamma; &delta; &epsilon; &zeta; 
&eta; &theta; &iota; &kappa; &lambda; &mu; &nu; 
&xi; &omicron; &pi; &rho; &sigma; &sigmaf;
&tau; &upsilon; &phi; &chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi; 
&Sigma; &Phi; &Psi; &Omega;

Mathematical characters:
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇐ ⇓ ⇑ ⇔
→ ↓ ↑ ← ↔


&int; &sum; &prod; &radic; &minus; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge;
&times; &middot; &divide; &part; &prime; &Prime;
&nabla; &permil; &deg; &there4; &alefsym; &oslash;
&isin; &notin; &cap; &cup; &sub; &sup; &sube; &supe;
&not; &and; &or; &exist; &forall; &rArr; &lArr; &dArr; &uArr; &hArr;
&rarr; &darr; &uarr; &larr; &harr;

<math>\,\! \sin x + \ln y</math>
sinx + lny

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

Ordinary text should use wiki markup for emphasis, and should not use <i> or <b>. However, mathematical formulae often use italics, and sometimes use bold, for reasons unrelated to emphasis. Complex formulae should use <math> markup, and simple formulae may use <math>; or <i> and <b>; or '' and '''. According to WikiProject Mathematics, wiki markup is preferred over HTML markup like <i> and <b>.

<math>\,\! \sin x + \ln y</math>
sin''x'' + ln''y''

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

Spacing in simple math formulae:
Obviously, x² ≥ 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: &nbsp;.


Obviously, ''x''&sup2;&nbsp;&ge;&nbsp;0 is true when ''x'' is a real number.

Complicated formulae:

<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
  • See Help:Formula for how to use <math>.
  • A formula displayed on a line by itself should probably be indented by using the colon (:) character.


: <math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>

(see also: Chess symbols in Unicode)



Brick City