Difference between revisions of "Help:Formatting"

From The SBN Wiki
Jump to navigation Jump to search
m (1 revision: Media Wiki Help Pages)
 
m (1 revision imported)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
{{PD Help Page}}
+
<languages />
 
+
{{TNT|PD Help Page}}
You can format your text by using wiki markup. This consists of normal characters like asterisks, single quotes or equal signs which have a special function in the wiki, sometimes depending on their position. For example, to format a word in ''italic'', you include it in two pairs of single quotes like <code><nowiki>''this''</nowiki></code>.
+
<translate>
 
+
<!--T:1-->
== Text formatting markup ==
+
You can format your text by using wiki markup. This consists of normal characters like asterisks, apostrophes or equal signs which have a special function in the wiki, sometimes depending on their position. For example, to format a word in ''italic'', you include it in two pairs of apostrophes like <code><nowiki>''this''</nowiki></code>.
  
 +
== Text formatting markup == <!--T:2-->
 +
</translate>
 
{| class="wikitable"
 
{| class="wikitable"
! Description
+
! <translate><!--T:3-->
! width=40% | You type
+
Description</translate>
! width=40% | You get
+
! width=40% | <translate><!--T:4-->
 +
You type</translate>
 +
! width=40% | <translate><!--T:5-->
 +
You get</translate>
 
|-
 
|-
! colspan="3" style="background:#ABE" | character (inline) formatting – ''applies anywhere''
+
! colspan="3" style="background: #ABE" | <translate><!--T:6-->
 +
Character (inline) formatting – ''applies anywhere''</translate>
 
|-
 
|-
| Italic text
+
| <translate><!--T:7-->
 +
Italic text</translate>
 
| <pre>
 
| <pre>
''italic''
+
''<translate><!--T:8-->
 +
italic</translate>''
 
</pre>
 
</pre>
 
|
 
|
''italic''
+
''<translate><!--T:9-->
 +
italic</translate>''
 
|-
 
|-
| Bold text
+
| <translate><!--T:10-->
 +
Bold text</translate>
 
| <pre>
 
| <pre>
'''bold'''
+
'''<translate><!--T:11-->
 +
bold</translate>'''
 
</pre>
 
</pre>
 
|
 
|
'''bold'''
+
'''<translate><!--T:12-->
 +
bold</translate>'''
 
|-
 
|-
| Bold and italic
+
| <translate><!--T:13-->
 +
Bold and italic</translate>
 
| <pre>
 
| <pre>
'''''bold & italic'''''
+
'''''<translate><!--T:14-->
 +
bold & italic</translate>'''''
 
</pre>
 
</pre>
 
|
 
|
'''''bold & italic'''''
+
'''''<translate><!--T:15-->
 +
bold & italic</translate>'''''
 
|-
 
|-
| Strike text
+
| <translate><!--T:16-->
 +
Strike text</translate>
 
| <pre>
 
| <pre>
<strike> strike text </strike>
+
<strike> <translate><!--T:17-->
 +
strike text</translate> </strike>
 
</pre>
 
</pre>
|<strike> strike text </strike>
+
|<strike> <translate><!--T:18-->
 +
strike text</translate> </strike>
 
|-
 
|-
| Escape wiki markup
+
| <translate><!--T:19-->
 +
Escape wiki markup</translate>
 
| <pre>
 
| <pre>
&lt;nowiki&gt;no ''markup''&lt;/nowiki&gt;
+
&lt;nowiki&gt;<translate><!--T:20-->
 +
no ''markup''</translate>&lt;/nowiki&gt;
 
</pre>
 
</pre>
 
|
 
|
<nowiki>no ''markup''</nowiki>
+
<translate><!--T:155-->
 +
<nowiki>no ''markup''</nowiki></translate>
 
|-
 
|-
| Escape wiki markup once
+
| <translate><!--T:21-->
 +
Escape wiki markup once</translate>
 
| <pre>
 
| <pre>
[[API]]&lt;nowiki/>extension
+
[[Special:MyLanguage/API:Main page|API]]&lt;nowiki/>&nbsp;<translate><!--T:22-->
 +
extension</translate>
 
</pre>
 
</pre>
 
|
 
|
[[API]]<nowiki/>extension
+
[[Special:MyLanguage/API:Main page|API]]<nowiki/>&nbsp;<translate><!--T:23-->
 +
extension</translate>
 
|-
 
|-
! colspan="3" style="background:#ABE" | section formatting – ''only at the beginning of the line''
+
! colspan="3" style="background: #ABE" | <translate><!--T:24-->
 +
Section formatting – ''only at the beginning of the line''</translate>
 
|-
 
|-
| Headings of different levels  
+
| <translate><!--T:25-->
 +
Headings of different levels</translate>
 
| <pre>
 
| <pre>
 +
<translate>
 +
== Level 2 == <!--T:26-->
  
== Level 2 ==
+
=== Level 3 === <!--T:27-->
 
 
=== Level 3 ===
 
 
 
==== Level 4 ====
 
  
===== Level 5 =====
+
==== Level 4 ==== <!--T:28-->
  
====== Level 6 ======
+
===== Level 5 ===== <!--T:29-->
  
 +
====== Level 6 ====== <!--T:30-->
 +
</translate>
 
</pre>
 
</pre>
 
----
 
----
 
{{note|
 
{{note|
* [[Help_talk:Formatting#Level_1|Skip Level 1]], it is page name level.
+
* <translate><!--T:31-->
* An article with 4 or more headings automatically creates a [[wikipedia:Wikipedia:Section#Table of contents (TOC)|table of contents]].
+
[[<tvar|lv1>Special:MyLanguage/Help_talk:Formatting#Level_1</>|Skip Level 1]], it is page name level.</translate>
 +
* <translate><!--T:33-->
 +
An article with 4 or more headings automatically creates a [[wikipedia:Wikipedia:Section#Table of contents (TOC)|table of contents]].</translate>
 
}}
 
}}
 
|
 
|
 +
<!-- using HTML markup to avoid creating new sections -->
 +
<translate>
 +
<!--T:35-->
 +
<h2>Level 2</h2>
  
== Level 2 ==
+
<!--T:36-->
 
+
<h3>Level 3</h3>
=== Level 3 ===
 
 
 
==== Level 4 ====
 
  
===== Level 5 =====
+
<!--T:37-->
 +
<h4>Level 4</h4>
  
====== Level 6 ======
+
<!--T:38-->
 +
<h5>Level 5</h5>
  
 +
<!--T:39-->
 +
<h6>Level 6</h6>
 +
</translate>
 
|-
 
|-
| Horizontal rule
+
| <translate><!--T:40-->
 +
Horizontal rule</translate>
 
| <pre>
 
| <pre>
Text above
+
<translate><!--T:41-->
 +
Text before</translate>
 
----
 
----
Text below
+
<translate><!--T:42-->
 +
Text after</translate>
 
</pre>
 
</pre>
 
|
 
|
Text above
+
<translate><!--T:43-->
 +
Text before</translate>
 
----
 
----
Text below
+
<translate><!--T:44-->
 +
Text after</translate>
 
|-
 
|-
| Bullet list
+
| <translate><!--T:45-->
 +
Bullet list</translate>
 
|
 
|
 
<pre>
 
<pre>
 +
<translate>
 +
<!--T:46-->
 
* Start each line
 
* Start each line
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
** More asterisks gives deeper
+
** More asterisks give deeper
 
*** and deeper levels.
 
*** and deeper levels.
* Line breaks<br/>don't break levels.
+
* Line breaks <br />don't break levels.
 
*** But jumping levels creates empty space.
 
*** But jumping levels creates empty space.
 
Any other start ends the list.
 
Any other start ends the list.
 +
</translate>
 
</pre>
 
</pre>
 
|
 
|
 +
<translate>
 +
<!--T:47-->
 
* Start each line
 
* Start each line
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
** More asterisks gives deeper
+
** More asterisks give deeper
 
*** and deeper levels.
 
*** and deeper levels.
* Line breaks<br/>don't break levels.
+
* Line breaks <br />don't break levels.
 
*** But jumping levels creates empty space.
 
*** But jumping levels creates empty space.
 
Any other start ends the list.
 
Any other start ends the list.
 +
</translate>
 
|-
 
|-
| Numbered list
+
| <translate><!--T:48-->
 +
Numbered list</translate>
 
|
 
|
 
<pre>
 
<pre>
 +
<translate>
 +
<!--T:49-->
 
# Start each line
 
# Start each line
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
## More number signs gives deeper
+
## More number signs give deeper
 
### and deeper
 
### and deeper
 
### levels.
 
### levels.
# Line breaks<br/>don't break levels.
+
# Line breaks <br />don't break levels.
 
### But jumping levels creates empty space.
 
### But jumping levels creates empty space.
 
# Blank lines
 
# Blank lines
  
 +
<!--T:50-->
 
# end the list and start another.
 
# end the list and start another.
 
Any other start also
 
Any other start also
 
ends the list.
 
ends the list.
 +
</translate>
 
</pre>
 
</pre>
 
|
 
|
 +
<translate>
 +
<!--T:51-->
 
# Start each line
 
# Start each line
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
## More number signs gives deeper
+
## More number signs give deeper
 
### and deeper
 
### and deeper
 
### levels.
 
### levels.
# Line breaks<br/>don't break levels.
+
# Line breaks <br />don't break levels.
 
### But jumping levels creates empty space.
 
### But jumping levels creates empty space.
 
# Blank lines
 
# Blank lines
  
 +
<!--T:52-->
 
# end the list and start another.
 
# end the list and start another.
 
Any other start also
 
Any other start also
 
ends the list.
 
ends the list.
 +
</translate>
 
|-
 
|-
| Definition list
+
| <translate><!--T:53-->
 +
Definition list</translate>
 
| <pre>
 
| <pre>
 +
<translate>
 +
<!--T:54-->
 
;item 1
 
;item 1
 
: definition 1
 
: definition 1
Line 155: Line 213:
 
: definition 2-1
 
: definition 2-1
 
: definition 2-2
 
: definition 2-2
 +
</translate>
 
</pre>
 
</pre>
 
|
 
|
 +
<translate>
 +
<!--T:55-->
 
;item 1
 
;item 1
 
: definition 1
 
: definition 1
Line 162: Line 223:
 
: definition 2-1
 
: definition 2-1
 
: definition 2-2
 
: definition 2-2
 +
</translate>
 
|-
 
|-
| Indent text
+
| <translate><!--T:56-->
 +
Indent text</translate>
 
| <pre>
 
| <pre>
 +
<translate>
 +
<!--T:57-->
 
: Single indent
 
: Single indent
 
:: Double indent
 
:: Double indent
 
::::: Multiple indent
 
::::: Multiple indent
 +
</translate>
 
</pre>
 
</pre>
 
----
 
----
{{Note|This workaround may be controversial from the viewpoint of accessibility.}}
+
{{Note|<translate><!--T:58-->
 +
This workaround may harm accessibility.</translate>}}
 
|
 
|
 +
<translate>
 +
<!--T:59-->
 
: Single indent
 
: Single indent
 
:: Double indent
 
:: Double indent
 
::::: Multiple indent
 
::::: Multiple indent
 +
</translate>
 
|-
 
|-
| Mixture of different types of list
+
| <translate><!--T:60-->
 +
Mixture of different types of list</translate>
 
|
 
|
 
<pre>
 
<pre>
 +
<translate>
 +
<!--T:61-->
 
# one
 
# one
 
# two
 
# two
Line 190: Line 263:
 
#: this looks like a continuation
 
#: this looks like a continuation
 
#: and is often used
 
#: and is often used
#: instead<br/>of &lt;nowiki><br/>&lt;/nowiki>
+
#: instead <br />of &lt;nowiki><br />&lt;/nowiki>
 
# five
 
# five
 
## five sub 1
 
## five sub 1
 
### five sub 1 sub 1
 
### five sub 1 sub 1
 
## five sub 2
 
## five sub 2
 +
</translate>
 
</pre>
 
</pre>
 
----
 
----
{{note|The usage of <code>#:</code> and <code>*:</code> for breaking a line within an item may also be controversial.}}
+
{{note|<translate><!--T:62-->
 +
The usage of <code>#:</code> and <code>*:</code> for breaking a line within an item may also harm accessibility.</translate>}}
 
|
 
|
 +
<translate>
 +
<!--T:63-->
 
# one
 
# one
 
# two
 
# two
Line 210: Line 287:
 
#: this looks like a continuation
 
#: this looks like a continuation
 
#: and is often used
 
#: and is often used
#: instead<br/>of <nowiki><br/></nowiki>
+
#: instead <br />of <nowiki><br /></nowiki>
 
# five
 
# five
 
## five sub 1
 
## five sub 1
 
### five sub 1 sub 1
 
### five sub 1 sub 1
 
## five sub 2{{anchor|pre}}
 
## five sub 2{{anchor|pre}}
 +
</translate>
 
|-
 
|-
| Preformatted text
+
| <translate><!--T:64-->
 +
Preformatted text</translate>
 
| <pre>
 
| <pre>
  Start each line with a space.
+
<translate>
 +
  <!--T:65-->
 +
Start each line with a space.
 
  Text is '''preformatted''' and
 
  Text is '''preformatted''' and
 
  ''markups'' '''''can''''' be done.
 
  ''markups'' '''''can''''' be done.
 +
</translate>
 
</pre>
 
</pre>
 
----
 
----
{{note|This way of preformatting only applies to section formatting. Character formatting markups are still effective.}}
+
{{note|<translate><!--T:66-->
 +
This way of preformatting only applies to section formatting. Character formatting markups are still effective.</translate>}}
 
|
 
|
  Start each line with a space.
+
<translate>
 +
  <!--T:67-->
 +
Start each line with a space.
 
  Text is '''preformatted''' and
 
  Text is '''preformatted''' and
 
  ''markups'' '''''can''''' be done.
 
  ''markups'' '''''can''''' be done.
 +
</translate>
 
|-
 
|-
| Preformatted text blocks
+
| <translate><!--T:68-->
| <pre> <nowiki><nowiki>Start with a space in the first column,
+
Preformatted text blocks</translate>
 +
| <pre> <translate><!--T:69-->
 +
<nowiki><nowiki>Start with a space in the first column,
 
(before the <nowiki>).
 
(before the <nowiki>).
  
 +
<!--T:70-->
 
Then your block format will be
 
Then your block format will be
 
     maintained.
 
     maintained.
Line 238: Line 327:
 
This is good for copying in code blocks:
 
This is good for copying in code blocks:
  
 +
<!--T:71-->
 
def function():
 
def function():
 
     """documentation string"""
 
     """documentation string"""
  
     if True:
+
     <!--T:72-->
 +
if True:
 
         print True
 
         print True
 
     else:
 
     else:
         print False</nowiki></nowiki>
+
         print False</nowiki></nowiki></translate>
 
</pre>
 
</pre>
 
|
 
|
  <nowiki>Start with a space in the first column,
+
  <translate><!--T:73-->
 +
<nowiki>Start with a space in the first column,
 
(before the <nowiki>).
 
(before the <nowiki>).
  
 +
<!--T:74-->
 
Then your block format will be
 
Then your block format will be
 
     maintained.
 
     maintained.
  
 +
<!--T:75-->
 
This is good for copying in code blocks:
 
This is good for copying in code blocks:
  
 +
<!--T:76-->
 
def function():
 
def function():
 
     """documentation string"""
 
     """documentation string"""
  
     if True:
+
     <!--T:77-->
 +
if True:
 
         print True
 
         print True
 
     else:
 
     else:
         print False</nowiki>
+
         print False</nowiki></translate>
 
|}
 
|}
 +
<translate>
 +
== Paragraphs == <!--T:78-->
  
== Paragraphs ==
+
<!--T:79-->
 
+
MediaWiki ignores single line breaks. To start a new paragraph, leave an empty line. You can force a line break within a paragraph with the HTML tag <code>&lt;br /></code>.
MediaWiki ignores single line breaks. To start a new paragraph, leave an empty line. You can force a line break within a paragraph with the HTML tag <code>&lt;br/></code>.
 
  
== HTML tags ==
+
== HTML tags == <!--T:80-->
  
 +
<!--T:81-->
 
Some [[wikipedia:HTML|HTML]] tags are allowed in MediaWiki, for example <code>&lt;code></code>, <code>&lt;div></code>, <code><nowiki><span></nowiki></code> and <code><nowiki><font></nowiki></code>. These apply anywhere you insert them.
 
Some [[wikipedia:HTML|HTML]] tags are allowed in MediaWiki, for example <code>&lt;code></code>, <code>&lt;div></code>, <code><nowiki><span></nowiki></code> and <code><nowiki><font></nowiki></code>. These apply anywhere you insert them.
 
+
</translate>
 
{| class="wikitable"
 
{| class="wikitable"
! Description
+
! <translate><!--T:82-->
! width=40% | You type
+
Description</translate>
! width=40% | You get
+
! width=40% | <translate><!--T:83-->
 +
You type</translate>
 +
! width=40% | <translate><!--T:84-->
 +
You get</translate>
 
|-
 
|-
| Inserted<br/>(Displays as underline in most browsers.)
+
| <translate><!--T:85-->
 +
Inserted <br />(Displays as underline in most browsers)</translate>
 
| <pre>
 
| <pre>
<ins>Inserted</ins>
+
<ins><translate><!--T:86-->
 +
Inserted</translate></ins>
  
or
+
<translate><!--T:87-->
 +
or</translate>
  
<span style="text-decoration: underline;">Underline</span>
+
<u><translate><!--T:88-->
 +
Underline</translate></u>
 
</pre>
 
</pre>
 
|
 
|
<ins>Inserted</ins>
+
<ins><translate><!--T:89-->
 +
Inserted</translate></ins>
  
or
+
<translate><!--T:90-->
 +
or</translate>
  
<span style="text-decoration: underline;">Underline</span>
+
<u><translate><!--T:91-->
 +
Underline</translate></u>
 
|-
 
|-
| Deleted<br/>(Displays as strikethrough in most browsers.)
+
| <translate><!--T:92-->
 +
Deleted <br />(Displays as strikethrough in most browsers)</translate>
 
| <pre>
 
| <pre>
<del>Deleted</del>
+
<s><translate><!--T:93-->
 +
Struck out</translate></s>
 +
 
 +
<translate><!--T:94-->
 +
or</translate>
  
or
+
<del><translate><!--T:95-->
 +
Deleted</translate></del>
  
<span style="text-decoration:line-through;">Deleted</span>
 
 
</pre>
 
</pre>
 
|
 
|
<del>Deleted</del>
+
<s><translate><!--T:96-->
 +
Struck out</translate></s>
  
or
+
<translate><!--T:97-->
 +
or</translate>
  
<span style="text-decoration:line-through;">Deleted</span>
+
<del><translate><!--T:98-->
 +
Deleted</translate></del>
 
|-
 
|-
| Fixed width text
+
| <translate><!--T:99-->
 +
Fixed width text</translate>
 
| <pre>
 
| <pre>
<code>Source code</code>
+
<code><translate><!--T:100-->
 +
Source code</translate></code>
  
or
+
<translate><!--T:101-->
 +
or</translate>
  
<tt>Fixed width text</tt>
+
<tt><translate><!--T:157-->
 +
Fixed width text</translate></tt>
 
</pre>
 
</pre>
 
|
 
|
<code>Source code</code>
+
<code><translate><!--T:154-->
 +
Source code</translate></code>
  
or
+
<translate><!--T:102-->
 +
or</translate>
  
<tt>Fixed width text</tt>
+
<tt><translate><!--T:103-->
 +
Fixed width text</translate></tt>
 
|-
 
|-
| Blockquotes
+
| <translate><!--T:104-->
 +
Blockquotes</translate>
 
| <pre>
 
| <pre>
text above
+
<translate><!--T:105-->
text above
+
Text before</translate>
<blockquote>blockquote</blockquote>
+
<blockquote><translate><!--T:106-->
text below
+
Blockquote</translate></blockquote>
text below
+
<translate><!--T:107-->
 +
Text after</translate>
 
</pre>
 
</pre>
 
|
 
|
text above
+
<translate><!--T:108-->
text above
+
Text before</translate>
<blockquote>blockquote</blockquote>
+
<blockquote><translate><!--T:109-->
text below
+
Blockquote</translate></blockquote>
text below
+
<translate><!--T:110-->
 +
Text after</translate>
 
|-
 
|-
| Comment
+
| <translate><!--T:111-->
| <pre>
+
Comment</translate>
 +
| <pre><translate>
 +
<!--T:112-->
 
<!-- This is a comment -->
 
<!-- This is a comment -->
Comments are only visible
+
Comments are visible only  
in the edit window.
+
in the edit zone.
</pre>
+
</translate></pre>
 
|
 
|
 +
<translate>
 +
<!--T:113-->
 
<!-- This is a comment -->
 
<!-- This is a comment -->
Comments are only visible
+
Comments are visible only  
in the edit window.
+
in the edit zone.
 +
</translate>
 
|-
 
|-
| Completely preformatted text
+
| <translate><!--T:114-->
 +
Completely preformatted text</translate>
 
| <pre>
 
| <pre>
<pre> Text is '''preformatted''' and
+
<pre><translate>
 +
<!--T:115-->
 +
Text is '''preformatted''' and  
 
''markups'' '''''cannot''''' be done&lt;/pre>
 
''markups'' '''''cannot''''' be done&lt;/pre>
</pre>
+
</translate></pre>
 
----
 
----
{{note|For marking up of preformatted text, check the "Preformatted text" entry at the bottom of the previous table.}}  
+
{{note|<translate><!--T:116-->
 +
For marking up of preformatted text, check the "Preformatted text" entry at the end of the previous table.</translate>}}  
 
|
 
|
<pre> Text is '''preformatted''' and
+
<pre><translate>
''markups'' '''''cannot''''' be done</pre>
+
<!--T:117-->
 +
Text is '''preformatted''' and  
 +
''markups'' '''''cannot''''' be done
 +
</translate></pre>
 
|-
 
|-
| '''Customized''' preformatted text
+
| <translate><!--T:118-->
 +
'''Customized''' preformatted text</translate>
 
| <pre>
 
| <pre>
<pre style="color:red">
+
<pre style="color: red"><translate>
Text is '''preformatted'''
+
<!--T:119-->
with a style and
+
Text is '''preformatted'''  
 +
with a style and  
 
''markups'' '''''cannot''''' be done
 
''markups'' '''''cannot''''' be done
 
&lt;/pre>
 
&lt;/pre>
</pre>
+
</translate></pre>
 
----
 
----
{{note|A CSS style can be named within the <code>style</code> property.}}
+
{{note|<translate><!--T:120-->
 +
A CSS style can be named within the <code>style</code> property.</translate>}}
 
|
 
|
<pre style="color:red">
+
<pre style="color: red"><translate>
Text is '''preformatted'''
+
<!--T:121-->
with a style and
+
Text is '''preformatted'''  
 +
with a style and  
 
''markups'' '''''cannot''''' be done
 
''markups'' '''''cannot''''' be done
</pre>
+
</translate></pre>
 +
|}
 +
<translate>
 +
<!--T:122-->
 +
continued:</translate>
 +
{| class="wikitable"
 +
! <translate><!--T:123-->
 +
Description</translate>
 +
! width=40% | <translate><!--T:124-->
 +
You type</translate>
 +
! width=40% | <translate><!--T:125-->
 +
You get</translate>
 
|-
 
|-
| '''Customized''' preformatted text with text wrap according to screen width
+
| <translate><!--T:126-->
 +
'''Customized''' preformatted text with text wrap according to available width</translate>
 
| <pre>
 
| <pre>
 
<pre style="white-space: pre-wrap;  
 
<pre style="white-space: pre-wrap;  
white-space: -moz-pre-wrap;
+
white-space: -moz-pre-wrap;  
white-space: -pre-wrap;
+
white-space: -pre-wrap;  
 
white-space: -o-pre-wrap;  
 
white-space: -o-pre-wrap;  
word-wrap: break-word">
+
word-wrap: break-word;">
This longer sentence is used to demonstrate text wrapping.
+
<translate><!--T:127-->
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
 
&lt;/pre>
 
&lt;/pre>
 
</pre>
 
</pre>
 
|
 
|
 
<pre style="white-space: pre-wrap;  
 
<pre style="white-space: pre-wrap;  
white-space: -moz-pre-wrap;
+
white-space: -moz-pre-wrap;  
white-space: -pre-wrap;
+
white-space: -pre-wrap;  
white-space: -o-pre-wrap;
+
white-space: -o-pre-wrap;  
word-wrap: break-word">
+
word-wrap: break-word;">
This longer sentence is used to demonstrate text wrapping.
+
<translate><!--T:128-->
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
 
</pre>
 
</pre>
 
|-
 
|-
| Preformatted text with text wrap according to screen width
+
| <translate><!--T:129-->
 +
Preformatted text with text wrap according to available width</translate>
 
| <pre>
 
| <pre>
 
<code>
 
<code>
This longer sentence is used to demonstrate text wrapping.
+
<translate><!--T:130-->
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
 
</code>
 
</code>
 
</pre>
 
</pre>
 
| <code>
 
| <code>
This longer sentence is used to demonstrate text wrapping.
+
<translate><!--T:131-->
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
 
</code>
 
</code>
 
|}
 
|}
 +
<translate>
 +
== Inserting symbols == <!--T:132-->
  
== Inserting symbols ==
+
<!--T:133-->
 
+
Symbols and other special characters not available on your keyboard can be inserted through a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) '''&amp;rarr;''' when inserted will be shown as <ins>right arrow</ins> HTML symbol &rarr; and '''&amp;mdash;''' when inserted will be shown as an <ins>em dash</ins> HTML symbol &mdash;. </translate>
Symbols and other special characters not available on your keyboard can be inserted through a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) '''&amp;rarr;''' when inserted will be shown as <ins>right arrow</ins> HTML symbol &rarr; and '''&amp;mdash;''' when inserted will be shown as an <ins>em dash</ins> HTML symbol &mdash;  
 
 
----
 
----
{{note|Hover any character to find out the symbol that produces it. Some symbols not available in the current font will appear as empty squares.}}  
+
{{note|<translate><!--T:134-->
 +
Hover over any character to find out the symbol that it produces. Some symbols not available in the current font will appear as empty squares.</translate>}}  
  
 
{| class="wikitable" align=center width=100%
 
{| class="wikitable" align=center width=100%
 
! colspan=32 | HTML symbol entities
 
! colspan=32 | HTML symbol entities
|- align=center| '''<span title="&amp;Aacute;">&Aacute;</span>
+
|- align=center
 +
| '''<span title="&amp;Aacute;">&Aacute;</span>
 
| '''<span title="&amp;aacute;">&aacute;</span>
 
| '''<span title="&amp;aacute;">&aacute;</span>
 
| '''<span title="&amp;Acirc;">&Acirc;</span>
 
| '''<span title="&amp;Acirc;">&Acirc;</span>
Line 676: Line 838:
  
 
{| class="wikitable"
 
{| class="wikitable"
! Description
+
! <translate><!--T:135-->
! width=40% | You type
+
Description</translate>
! width=40% | You get
+
! width=40% | <translate><!--T:136-->
 +
You type</translate>
 +
! width=40% | <translate><!--T:137-->
 +
You get</translate>
 
|-
 
|-
| Copyright symbol
+
| <translate><!--T:138-->
 +
Copyright symbol</translate>
 
| <tt><pre>
 
| <tt><pre>
 
&amp;copy;
 
&amp;copy;
Line 687: Line 853:
 
:::'''&copy;'''
 
:::'''&copy;'''
 
|-
 
|-
| Greek delta letter symbol
+
| <translate><!--T:139-->
 +
Greek delta letter symbol</translate>
 
| <tt><pre>
 
| <tt><pre>
 
&amp;delta;
 
&amp;delta;
Line 694: Line 861:
 
:::'''&delta;'''
 
:::'''&delta;'''
 
|-
 
|-
| Euro currency symbol
+
| <translate><!--T:140-->
 +
Euro currency symbol</translate>
 
| <tt><pre>
 
| <tt><pre>
 
&amp;euro;
 
&amp;euro;
Line 701: Line 869:
 
:::'''&euro;'''
 
:::'''&euro;'''
 
|}
 
|}
 +
<translate>
 +
<!--T:141-->
 +
See the list of all HTML entities on the Wikipedia article [[wikipedia:List of HTML entities|List of HTML entities]]. Additionally, MediaWiki supports two non-standard entity reference sequences: <code>&amp;רלמ;</code> and <code>&amp;رلم;</code> which are both considered equivalent to <code>&amp;rlm;</code> which is a [[wikipedia:Right-to-left mark|right-to-left mark]]. (Used when combining right to left languages with left to right languages in the same page.)
  
See the list of all HTML entities on the Wikipedia article [[w:List of HTML entities|List of HTML entities]]. Additionally, MediaWiki supports two non-standard entity reference sequences: <code>&amp;רלמ;</code> and <code>&amp;رلم;</code> which are both considered equivalent to <code>&amp;rlm;</code> which is a [[w:Right-to-left mark|right-to-left mark]]. (Used when combining right to left languages with left to right languages in the same page.)
+
== HTML tags and symbol entities displayed themselves (with and without interpreting them) == <!--T:142-->
 
+
</translate>
== HTML tags and symbol entities displayed themselves (with and without interpreting them) ==
 
 
 
 
:<tt>&amp;amp;euro;</tt> &nbsp;&rarr; '''&amp;euro;'''
 
:<tt>&amp;amp;euro;</tt> &nbsp;&rarr; '''&amp;euro;'''
  
:<tt>&lt;span style="color: red; text-decoration: line-through;">Typo to be corrected&lt;/span></tt> &nbsp;&rarr; '''<span style="color: red; text-decoration: line-through;">Typo to be corrected</span>'''
+
:<tt>&lt;span style="color: red; text-decoration: line-through;"><translate><!--T:143-->
 
+
Typo to be corrected</translate>&lt;/span></tt> &nbsp;&rarr; '''<span style="color: red; text-decoration: line-through;"><translate><!--T:144-->
:<tt>&amp;lt;span style="color: red; text-decoration: line-through;">Typo to be corrected&amp;lt;/span></tt> &nbsp;&rarr; '''&lt;span style="color: red; text-decoration: line-through;">Typo to be corrected&lt;/span>'''
+
Typo to be corrected</translate></span>'''
 
 
== Other formatting ==
 
  
Beyond the text formatting markup shown above, here are some other formatting references:
+
:<tt><translate><!--T:156-->
 +
<nowiki>&amp;lt;span style="color: red; text-decoration: line-through;">Typo to be corrected</span></nowiki></translate></tt> &nbsp;&rarr; '''&lt;span style="color: red; text-decoration: line-through;"><translate><!--T:145-->
 +
Typo to be corrected</translate>&lt;/span>'''
 +
<translate>
 +
=== Nowiki for HTML === <!--T:146-->
 +
</translate>
 +
<<nowiki />nowiki /> <translate><!--T:147-->
 +
can prohibit (HTML) tags:</translate>
 +
* <nowiki><<</nowiki>nowiki />pre> &nbsp;&rarr; <<nowiki/>pre>
 +
<translate><!--T:148-->
 +
But ''not'' &amp; symbol escapes:</translate>
 +
* &<<nowiki />nowiki />amp; &nbsp;&rarr; &amp;
 +
<translate><!--T:149-->
 +
To print &amp; symbol escapes as text, use "<tt>&amp;amp;</tt>" to replace the "&" character (eg. type "<tt>&amp;amp;nbsp;</tt>", which results in "<tt>&amp;nbsp;</tt>").
  
* [[Help:Links|Links]]
+
== Other formatting == <!--T:150-->
* [[Help:List|Lists]]
 
* [[Help:Images|Images]]
 
* [[Help:Tables|Tables]]
 
  
You can find more references at [[Help:Contents]].
+
<!--T:151-->
 +
Beyond the text formatting markup shown hereinbefore, here are some other formatting references:
 +
</translate>
  
{{Languages}}
+
* {{ll|Help:Links|nsp=0}}
 +
<translate>
 +
<!--T:152-->
 +
* [[<tvar|lists>Special:MyLanguage/Help:Lists</>|Lists]]
 +
* [[<tvar|images>Special:MyLanguage/Help:Images</>|Images]]
 +
* References - see [[<tvar|citephp>Special:MyLanguage/Extension:Cite/Cite.php</>|Extension:Cite/Cite.php]]
 +
* [[<tvar|tables>Special:MyLanguage/Help:Tables</>|Tables]]
  
[[Category:Help|Formatting]]
+
<!--T:153-->
 +
You can find more references at [[<tvar|help-contents>Special:MyLanguage/Help:Contents</>|Help:Contents]].
 +
</translate>
 +
[[Category:Help{{Langcat|Formatting}}|Formatting]]

Latest revision as of 14:20, 15 July 2015

<languages /> Template:TNT <translate> You can format your text by using wiki markup. This consists of normal characters like asterisks, apostrophes or equal signs which have a special function in the wiki, sometimes depending on their position. For example, to format a word in italic, you include it in two pairs of apostrophes like ''this''.

Text formatting markup

</translate>

<translate>

Description</translate>

<translate>

You type</translate>

<translate>

You get</translate>

<translate>

Character (inline) formatting – applies anywhere</translate>

<translate>

Italic text</translate>

''<translate><!--T:8-->
italic</translate>''

<translate> italic</translate>

<translate>

Bold text</translate>

'''<translate><!--T:11-->
bold</translate>'''

<translate> bold</translate>

<translate>

Bold and italic</translate>

'''''<translate><!--T:14-->
bold & italic</translate>'''''

<translate> bold & italic</translate>

<translate>

Strike text</translate>

<strike> <translate><!--T:17-->
strike text</translate> </strike>
<translate>

strike text</translate>

<translate>

Escape wiki markup</translate>

<nowiki><translate><!--T:20-->
no ''markup''</translate></nowiki>

<translate> no ''markup''</translate>

<translate>

Escape wiki markup once</translate>

[[Special:MyLanguage/API:Main page|API]]<nowiki/> <translate><!--T:22-->
extension</translate>

API <translate> extension</translate>

<translate>

Section formatting – only at the beginning of the line</translate>

<translate>

Headings of different levels</translate>

<translate>
== Level 2 == <!--T:26-->

=== Level 3 === <!--T:27-->

==== Level 4 ==== <!--T:28-->

===== Level 5 ===== <!--T:29-->

====== Level 6 ====== <!--T:30-->
</translate>

  • <translate>

[[<tvar|lv1>Special:MyLanguage/Help_talk:Formatting#Level_1</>|Skip Level 1]], it is page name level.</translate>

  • <translate>

An article with 4 or more headings automatically creates a table of contents.</translate>

<translate>

Level 2

Level 3

Level 4

Level 5
Level 6

</translate>

<translate>

Horizontal rule</translate>

<translate><!--T:41-->
Text before</translate>
----
<translate><!--T:42-->
Text after</translate>

<translate> Text before</translate>


<translate> Text after</translate>

<translate>

Bullet list</translate>

<translate>
<!--T:46-->
* Start each line
* with an [[Wikipedia:asterisk|asterisk]] (*).
** More asterisks give deeper
*** and deeper levels.
* Line breaks <br />don't break levels.
*** But jumping levels creates empty space.
Any other start ends the list.
</translate>

<translate>

  • Start each line
  • with an asterisk (*).
    • More asterisks give deeper
      • and deeper levels.
  • Line breaks
    don't break levels.
      • But jumping levels creates empty space.

Any other start ends the list. </translate>

<translate>

Numbered list</translate>

<translate>
<!--T:49-->
# Start each line
# with a [[Wikipedia:Number_sign|number sign]] (#).
## More number signs give deeper
### and deeper
### levels.
# Line breaks <br />don't break levels.
### But jumping levels creates empty space.
# Blank lines

<!--T:50-->
# end the list and start another.
Any other start also
ends the list.
</translate>

<translate>

  1. Start each line
  2. with a number sign (#).
    1. More number signs give deeper
      1. and deeper
      2. levels.
  3. Line breaks
    don't break levels.
      1. But jumping levels creates empty space.
  4. Blank lines
  1. end the list and start another.

Any other start also ends the list. </translate>

<translate>

Definition list</translate>

<translate>
<!--T:54-->
;item 1
: definition 1
;item 2
: definition 2-1
: definition 2-2
</translate>

<translate>

item 1
definition 1
item 2
definition 2-1
definition 2-2

</translate>

<translate>

Indent text</translate>

<translate>
<!--T:57-->
: Single indent
:: Double indent
::::: Multiple indent
</translate>

<translate> This workaround may harm accessibility.</translate>

<translate>

Single indent
Double indent
Multiple indent

</translate>

<translate>

Mixture of different types of list</translate>

<translate>
<!--T:61-->
# one
# two
#* two point one
#* two point two
# three
#; three item one
#: three def one
# four
#: four def one
#: this looks like a continuation
#: and is often used
#: instead <br />of <nowiki><br /></nowiki>
# five
## five sub 1
### five sub 1 sub 1
## five sub 2
</translate>

<translate> The usage of #: and *: for breaking a line within an item may also harm accessibility.</translate>

<translate>

  1. one
  2. two
    • two point one
    • two point two
  3. three
    three item one
    three def one
  4. four
    four def one
    this looks like a continuation
    and is often used
    instead
    of <br />
  5. five
    1. five sub 1
      1. five sub 1 sub 1
    2. five sub 2

</translate>

<translate>

Preformatted text</translate>

<translate>
 <!--T:65-->
Start each line with a space.
 Text is '''preformatted''' and
 ''markups'' '''''can''''' be done.
</translate>

<translate> This way of preformatting only applies to section formatting. Character formatting markups are still effective.</translate>

<translate> Start each line with a space.

Text is preformatted and
markups can be done.

</translate>

<translate>

Preformatted text blocks</translate>

 <translate><!--T:69-->
<nowiki>Start with a space in the first column,
(before the <nowiki>).

<!--T:70-->
Then your block format will be
    maintained.
 
This is good for copying in code blocks:

<!--T:71-->
def function():
    """documentation string"""

    <!--T:72-->
if True:
        print True
    else:
        print False</nowiki></translate>
<translate>

Start with a space in the first column, (before the <nowiki>). <!--T:74--> Then your block format will be maintained. <!--T:75--> This is good for copying in code blocks: <!--T:76--> def function(): """documentation string""" <!--T:77--> if True: print True else: print False</translate>

<translate>

Paragraphs

MediaWiki ignores single line breaks. To start a new paragraph, leave an empty line. You can force a line break within a paragraph with the HTML tag <br />.

HTML tags

Some HTML tags are allowed in MediaWiki, for example <code>, <div>, <span> and <font>. These apply anywhere you insert them. </translate>

<translate>

Description</translate>

<translate>

You type</translate>

<translate>

You get</translate>

<translate>

Inserted
(Displays as underline in most browsers)</translate>

<ins><translate><!--T:86-->
Inserted</translate></ins>

<translate><!--T:87-->
or</translate>

<u><translate><!--T:88-->
Underline</translate></u>

<translate> Inserted</translate>

<translate> or</translate>

<translate> Underline</translate>

<translate>

Deleted
(Displays as strikethrough in most browsers)</translate>

<s><translate><!--T:93-->
Struck out</translate></s>

<translate><!--T:94-->
or</translate>

<del><translate><!--T:95-->
Deleted</translate></del>

<translate> Struck out</translate>

<translate> or</translate>

<translate> Deleted</translate>

<translate>

Fixed width text</translate>

<code><translate><!--T:100-->
Source code</translate></code>

<translate><!--T:101-->
or</translate>

<tt><translate><!--T:157-->
Fixed width text</translate></tt>

<translate> Source code</translate>

<translate> or</translate>

<translate> Fixed width text</translate>

<translate>

Blockquotes</translate>

<translate><!--T:105-->
Text before</translate>
<blockquote><translate><!--T:106-->
Blockquote</translate></blockquote>
<translate><!--T:107-->
Text after</translate>

<translate> Text before</translate>

<translate> Blockquote</translate>

<translate> Text after</translate>

<translate>

Comment</translate>

<translate>
<!--T:112-->
<!-- This is a comment -->
Comments are visible only 
in the edit zone.
</translate>

<translate> Comments are visible only in the edit zone. </translate>

<translate>

Completely preformatted text</translate>

<pre><translate>
<!--T:115-->
Text is '''preformatted''' and 
''markups'' '''''cannot''''' be done</pre>
</translate>

<translate> For marking up of preformatted text, check the "Preformatted text" entry at the end of the previous table.</translate>
<translate>
<!--T:117-->
Text is '''preformatted''' and 
''markups'' '''''cannot''''' be done
</translate>
<translate>

Customized preformatted text</translate>

<pre style="color: red"><translate>
<!--T:119-->
Text is '''preformatted''' 
with a style and 
''markups'' '''''cannot''''' be done
</pre>
</translate>

<translate> A CSS style can be named within the style property.</translate>
<translate>
<!--T:121-->
Text is '''preformatted''' 
with a style and 
''markups'' '''''cannot''''' be done
</translate>

<translate> continued:</translate>

<translate>

Description</translate>

<translate>

You type</translate>

<translate>

You get</translate>

<translate>

Customized preformatted text with text wrap according to available width</translate>

<pre style="white-space: pre-wrap; 
white-space: -moz-pre-wrap; 
white-space: -pre-wrap; 
white-space: -o-pre-wrap; 
word-wrap: break-word;">
<translate><!--T:127-->
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
</pre>
<translate><!--T:128-->
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
<translate>

Preformatted text with text wrap according to available width</translate>

<code>
<translate><!--T:130-->
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>
</code>

<translate> This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer.</translate>

<translate>

Inserting symbols

Symbols and other special characters not available on your keyboard can be inserted through a special sequence of characters. Those sequences are called HTML entities. For example, the following sequence (entity) &rarr; when inserted will be shown as right arrow HTML symbol → and &mdash; when inserted will be shown as an em dash HTML symbol —. </translate>


<translate> Hover over any character to find out the symbol that it produces. Some symbols not available in the current font will appear as empty squares.</translate>
HTML symbol entities
Á á Â â ´ Æ æ À à Α α & Å å Ã ã Ä ä Β β ¦ Ç ç ¸ ¢
Χ χ ˆ © ¤ ° Δ δ ÷ É é Ê ê È è Ε ε Η η
Ð ð Ë ë ƒ ½ ¼ ¾ Γ γ > Í í Î î ¡ Ì ì Ι ι
¿ Ï ï Κ κ Λ λ « < ¯ µ · Μ μ  
¬ Ñ ñ Ν ν Ó ó Ô ô Œ œ Ò ò Ω ω Ο ο ª º Ø ø Õ õ Ö
ö Φ φ Π π ϖ ± £ Ψ ψ " » ® Ρ ρ
Š š § ­ Σ σ ς ¹ ² ³ ß Τ τ Θ θ ϑ Þ þ ˜
× Ú ú Û û Ù ù ¨ ϒ Υ υ Ü ü Ξ ξ Ý ý ¥ ÿ Ÿ Ζ ζ
<translate>

Description</translate>

<translate>

You type</translate>

<translate>

You get</translate>

<translate>

Copyright symbol</translate>

&copy;
©
<translate>

Greek delta letter symbol</translate>

&delta;
δ
<translate>

Euro currency symbol</translate>

&euro;

<translate> See the list of all HTML entities on the Wikipedia article List of HTML entities. Additionally, MediaWiki supports two non-standard entity reference sequences: &רלמ; and &رلم; which are both considered equivalent to &rlm; which is a right-to-left mark. (Used when combining right to left languages with left to right languages in the same page.)

HTML tags and symbol entities displayed themselves (with and without interpreting them)

</translate>

&amp;euro;  → &euro;
<span style="color: red; text-decoration: line-through;"><translate>

Typo to be corrected</translate></span>  → <translate> Typo to be corrected</translate>

<translate>

&lt;span style="color: red; text-decoration: line-through;">Typo to be corrected</span></translate>  → <span style="color: red; text-decoration: line-through;"><translate> Typo to be corrected</translate></span> <translate>

Nowiki for HTML

</translate> <nowiki /> <translate> can prohibit (HTML) tags:</translate>

  • <<nowiki />pre>  → <pre>

<translate> But not & symbol escapes:</translate>

  • &<nowiki />amp;  → &

<translate> To print & symbol escapes as text, use "&amp;" to replace the "&" character (eg. type "&amp;nbsp;", which results in "&nbsp;").

Other formatting

Beyond the text formatting markup shown hereinbefore, here are some other formatting references: </translate>

<translate>

  • [[<tvar|lists>Special:MyLanguage/Help:Lists</>|Lists]]
  • [[<tvar|images>Special:MyLanguage/Help:Images</>|Images]]
  • References - see [[<tvar|citephp>Special:MyLanguage/Extension:Cite/Cite.php</>|Extension:Cite/Cite.php]]
  • [[<tvar|tables>Special:MyLanguage/Help:Tables</>|Tables]]

You can find more references at [[<tvar|help-contents>Special:MyLanguage/Help:Contents</>|Help:Contents]]. </translate> [[Category:HelpTemplate:Langcat|Formatting]]