Difference between revisions of "Text Formatting"

From Experimental Game Cultures
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−  
−
{{PD Help Page}}
  
−  
−
<!--T:1-->
  
 
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>.
  
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-->
 +
== Text formatting markup ==
   
 
{| class="wikitable"
  
{| class="wikitable"
−
! <!--T:3--> Description
 +
! Description
−
! width=40% | <!--T:4--> You type
 +
! width=40% | You type
−
! width=40% | <!--T:5--> You get
 +
! width=40% | You get
 
|-
  
|-
−
! colspan="3" style="background: #ABE" | <!--T:6--> Character (inline) formatting – ''applies anywhere''
 +
! colspan="3" style="background: #ABE" | Character (inline) formatting – ''applies anywhere''
 
|-
  
|-
−
| <!--T:7--> Italic text
 +
| Italic text
 
| <pre>
  
| <pre>
−
''<!--T:8--> italic''
 +
'' italic''
 
</pre>
  
</pre>
 
|
  
|
−
''<!--T:9--> italic''
 +
'' italic''
 
|-
  
|-
−
| <!--T:10--> Bold text
 +
| Bold text
 
| <pre>
  
| <pre>
−
'''<!--T:11--> bold'''
 +
''' bold'''
 
</pre>
  
</pre>
 
|
  
|
−
'''<!--T:12--> bold'''
 +
''' bold'''
 
|-
  
|-
−
| <!--T:13--> Bold and italic
 +
| Bold and italic
 
| <pre>
  
| <pre>
−
'''''<!--T:14--> bold & italic'''''
 +
''''' bold & italic'''''
 
</pre>
  
</pre>
 
|
  
|
−
'''''<!--T:15--> bold & italic'''''
 +
''''' bold & italic'''''
 
{{Table-AnchorRow|colspan=3|nowiki|&lt;nowiki&gt;|.3Cnowiki.3E}}
  
{{Table-AnchorRow|colspan=3|nowiki|&lt;nowiki&gt;|.3Cnowiki.3E}}
 
|-
  
|-
−
| <!--T:19--> Escape wiki markup
 +
| Escape wiki markup
 
| {{#tag:syntaxhighlight|
  
| {{#tag:syntaxhighlight|
 
<!-- This can't use ＜syntaxhighlight＞＜nowiki＞, as that breaks the ＜translate＞ tag -->
  
<!-- This can't use ＜syntaxhighlight＞＜nowiki＞, as that breaks the ＜translate＞ tag -->
−
{{^(}}nowiki{{)^}}<!--T:20--> no [[wiki]] ''markup''{{^(}}/nowiki{{)^}}
 +
{{^(}}nowiki{{)^}} no [[wiki]] ''markup''{{^(}}/nowiki{{)^}}
 
| lang = "html"
  
| lang = "html"
 
}}
  
}}
 
|
  
|
−
<!--T:155--> <nowiki>no [[wiki]] ''markup''</nowiki>
 +
<nowiki>no [[wiki]] ''markup''</nowiki>
 
|-
  
|-
−
! colspan="3" style="background: #ABE" | <!--T:24--> Section formatting – ''only at the beginning of the line''
 +
! colspan="3" style="background: #ABE" | Section formatting – ''only at the beginning of the line''
 
|-
  
|-
−
| <!--T:25--> Section Headings of different levels
+
| Section Headings of different levels
 
| <pre>
  
| <pre>
   
−
== Level 2 == <!--T:26-->
 +
== Level 2 ==
   
−
=== Level 3 === <!--T:27-->
 +
=== Level 3 ===
   
−
==== Level 4 ==== <!--T:28-->
 +
==== Level 4 ====
   
−
===== Level 5 ===== <!--T:29-->
 +
===== Level 5 =====
   
−
====== Level 6 ====== <!--T:30-->
 +
====== Level 6 ======
   
 
</pre>
  
</pre>
 
----
  
----
 
{{note|1=<nowiki/>
  
{{note|1=<nowiki/>
−
* <!--T:31--> [[<tvar name=lv1>Special:MyLanguage/Help_talk:Formatting#Level_1</tvar>|Skip Level 1]], it is page name level.
 +
* [[<tvar name=lv1>Special:MyLanguage/Help_talk:Formatting#Level_1</tvar>|Skip Level 1]], it is page name level.
−
* <!--T:32--> Do not put any text on the same line after the ending equal signs.
 +
* Do not put any text on the same line after the ending equal signs.
−
* <!--T:33--> An article with 4 or more headings automatically creates a [[wikipedia:Help:Section#Table of contents (TOC)|table of contents]] (unless setting the magic word <tvar name=1><code><nowiki>__NOTOC__</nowiki></code></tvar>).
 +
* An article with 4 or more headings automatically creates a [[wikipedia:Help:Section#Table of contents (TOC)|table of contents]] (unless setting the magic word <tvar name=1><code><nowiki>__NOTOC__</nowiki></code></tvar>).
 
}}
  
}}
 
|
  
|
 
<!-- using HTML markup to avoid creating new sections -->
  
<!-- using HTML markup to avoid creating new sections -->
   
  +
−
<!--T:35-->
  
 
<h2>Level 2</h2>
  
<h2>Level 2</h2>
   
  +
−
<!--T:36-->
  
 
<h3>Level 3</h3>
  
<h3>Level 3</h3>
   
  +
−
<!--T:37-->
  
 
<h4>Level 4</h4>
  
<h4>Level 4</h4>
   
  +
−
<!--T:38-->
  
 
<h5>Level 5</h5>
  
<h5>Level 5</h5>
   
  +
−
<!--T:39-->
  
 
<h6>Level 6</h6>
  
<h6>Level 6</h6>
   
 
|-
  
|-
−
| <!--T:40--> Horizontal rule
 +
| Horizontal rule
 
| <pre>
  
| <pre>
−
<!--T:41--> Text before
 +
Text before
 
----
  
----
−
<!--T:42--> Text after
 +
Text after
 
</pre>
  
</pre>
 
|
  
|
−
<!--T:43--> Text before
 +
Text before
 
----
  
----
−
<!--T:44--> Text after
 +
Text after
 
|-
  
|-
−
| <!--T:45--> Bullet list
 +
| Bullet list
 
|
  
|
 
<pre>
  
<pre>
   
  +
−
<!--T:46-->
  
 
* Start each line
  
* Start each line
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
  
* with an [[Wikipedia:asterisk|asterisk]] (*).
Line 110: Line 106:
 
Any other start ends the list.
  
Any other start ends the list.
   
  +
−
<!--T:160-->
  
 
* combine bullet list
  
* combine bullet list
 
** with definition
 
** with definition
Line 116: Line 112:
 
** creates empty space
  
** creates empty space
   
  +
−
<!--T:161-->
  
 
* combine bullet list
  
* combine bullet list
 
** with definition
 
** with definition
Line 122: Line 118:
 
** without empty spaces
  
** without empty spaces
   
  +
−
<!--T:162-->
  
 
*bullet list
  
*bullet list
 
:- definition
  
:- definition
Line 131: Line 127:
 
|
  
|
   
  +
−
<!--T:47-->
  
 
* Start each line
  
* Start each line
 
* with an [[Wikipedia:asterisk|asterisk]] (*).
  
* with an [[Wikipedia:asterisk|asterisk]] (*).
Line 140: Line 136:
 
Any other start ends the list.
  
Any other start ends the list.
   
  +
−
<!--T:163-->
  
 
* combine bullet list
  
* combine bullet list
 
** with definition
 
** with definition
Line 146: Line 142:
 
** creates empty space
  
** creates empty space
   
  +
−
<!--T:164-->
  
 
* combine bullet list
  
* combine bullet list
 
** with definition
 
** with definition
Line 152: Line 148:
 
** without empty spaces
  
** without empty spaces
   
  +
−
<!--T:165-->
  
 
*bullet list
  
*bullet list
 
:- definition
  
:- definition
Line 159: Line 155:
   
 
|-
  
|-
−
| <!--T:48--> Numbered list
 +
| Numbered list
 
|
  
|
 
<pre>
  
<pre>
   
  +
−
<!--T:49-->
  
 
# Start each line
  
# Start each line
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
  
# with a [[Wikipedia:Number_sign|number sign]] (#).
Line 173: Line 169:
 
# 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.
   
  +
−
<!--T:183-->
  
 
<tvar name=1>&lt;nowiki&gt;#&lt;/nowiki&gt;</tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.
  
<tvar name=1>&lt;nowiki&gt;#&lt;/nowiki&gt;</tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.
   
Line 184: Line 180:
 
|
  
|
   
  +
−
<!--T:51-->
  
 
# Start each line
  
# Start each line
 
# with a [[Wikipedia:Number_sign|number sign]] (#).
  
# with a [[Wikipedia:Number_sign|number sign]] (#).
Line 194: Line 190:
 
# 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.
   
  +
−
<!--T:184-->
  
 
<tvar name=1><nowiki>#</nowiki></tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.
  
<tvar name=1><nowiki>#</nowiki></tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.
 
{{Table-AnchorRow|colspan=3|Definition list}}
  
{{Table-AnchorRow|colspan=3|Definition list}}
 
|-
  
|-
−
| <!--T:53--> Definition list
 +
| Definition list
 
| <pre>
  
| <pre>
   
  +
−
<!--T:54-->
  
 
;item 1
  
;item 1
 
: definition 1
  
: definition 1
Line 214: Line 210:
   
 
</pre>
  
</pre>
−
{{note|1=<!--T:176--> At the end of the line, if the line begins with a semicolon (;), any inserted colon (:) will not be displayed. <!--T:177--> If you want for the colon to be displayed, escape it by writing <tvar name=1><code>&amp;#58;</code></tvar>.}}
 +
{{note|1= At the end of the line, if the line begins with a semicolon (;), any inserted colon (:) will not be displayed. If you want for the colon to be displayed, escape it by writing <tvar name=1><code>&amp;#58;</code></tvar>.}}
 
|
  
|
   
  +
−
<!--T:55-->
  
 
;item 1
  
;item 1
 
: definition 1
  
: definition 1
Line 225: Line 221:
   
 
|-
  
|-
−
| <!--T:56--> Indent text
 +
| Indent text
 
| <pre>
  
| <pre>
   
  +
−
<!--T:57-->
  
 
: Single indent
  
: Single indent
 
:: Double indent
  
:: Double indent
Line 235: Line 231:
 
</pre>
  
</pre>
 
----
  
----
−
{{Note|1=<!--T:58--> This workaround may harm accessibility.}}
 +
{{Note|1= This workaround may harm accessibility.}}
 
|
  
|
   
  +
−
<!--T:59-->
  
 
: Single indent
  
: Single indent
 
:: Double indent
  
:: Double indent
Line 244: Line 240:
   
 
|-
  
|-
−
| <!--T:60--> Mixture of different types of list
 +
| Mixture of different types of list
 
| <syntaxhighlight lang="html">
  
| <syntaxhighlight lang="html">
   
  +
−
<!--T:61-->
  
 
# one
  
# one
 
# two
  
# two
Line 267: Line 263:
 
</syntaxhighlight>
  
</syntaxhighlight>
 
----
  
----
−
{{note|1=<!--T:62--> The usage of <tvar name=1><code>#:</code></tvar> and <tvar name=2><code>*:</code></tvar> for breaking a line within an item may also harm accessibility.}}
 +
{{note|1= The usage of <tvar name=1><code>#:</code></tvar> and <tvar name=2><code>*:</code></tvar> for breaking a line within an item may also harm accessibility.}}
 
|
  
|
   
  +
−
<!--T:63-->
  
 
# one
  
# one
 
# two
  
# two
Line 289: Line 285:
   
 
|-
  
|-
−
| <!--T:64--> Preformatted text
 +
| Preformatted text
 
| <pre>
  
| <pre>
−
<!--T:65--> Start each line with a space.
 +
Start each line with a space.
−
<!--T:179--> Text is '''preformatted''' and
 +
Text is '''preformatted''' and
−
<!--T:180--> ''markups'' '''''can''''' be done.
 +
''markups'' '''''can''''' be done.
 
</pre>
  
</pre>
 
----
  
----
−
{{note|1=<!--T:66--> This way of preformatting only applies to section formatting. Character formatting markups are still effective.}}
 +
{{note|1= This way of preformatting only applies to section formatting. Character formatting markups are still effective.}}
 
|
  
|
−
<!--T:67--> Start each line with a space.
 +
Start each line with a space.
−
<!--T:181--> Text is '''preformatted''' and
 +
Text is '''preformatted''' and
−
<!--T:182--> ''markups'' '''''can''''' be done.
 +
''markups'' '''''can''''' be done.
 
|-
  
|-
−
| <!--T:68--> Preformatted text blocks
 +
| Preformatted text blocks
−
| <pre> &lt;nowiki&gt;<!--T:69-->
 +
| <pre> &lt;nowiki&gt;
 
Start with a space in the first column,
  
Start with a space in the first column,
 
(before the <tvar name=1>&lt;nowiki&gt;</tvar>).
  
(before the <tvar name=1>&lt;nowiki&gt;</tvar>).
   
  +
−
<!--T:70-->
  
 
Then your block format will be
  
Then your block format will be
 
maintained.
  
maintained.
   
  +
−
<!--T:170-->
  
 
This is good for copying in code blocks:
  
This is good for copying in code blocks:
   
   
 
def function():
  
def function():
−
"""<!--T:171--> documentation string"""
 +
""" documentation string"""
   
 
if True:
  
if True:
Line 324: Line 320:
 
</pre>
  
</pre>
 
|
  
|
−
{{#tag:nowiki|<!--T:73-->
 +
{{#tag:nowiki|
 
Start with a space in the first column,
  
Start with a space in the first column,
 
(before the &lt;nowiki&gt;).
  
(before the &lt;nowiki&gt;).
   
  +
−
<!--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:
   
   
 
def function():
  
def function():
−
"""<!--T:172--> documentation string"""
 +
""" documentation string"""
   
 
if True:
  
if True:
Line 348: Line 344:
 
{{anchor|&lt;p&gt;|.3Cp.3E}}
  
{{anchor|&lt;p&gt;|.3Cp.3E}}
   
−
== Paragraphs == <!--T:78-->
 +
== Paragraphs ==
   
 
{{anchor|&lt;br&gt;|.3Cbr.3E}}
  
{{anchor|&lt;br&gt;|.3Cbr.3E}}
   
  +
−
<!--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 <tvar name=1>{{tag|br|single}}</tvar>.
  
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 <tvar name=1>{{tag|br|single}}</tvar>.
   
−
== HTML tags == <!--T:80-->
 +
== HTML tags ==
   
 
{{anchor|&lt;div&gt;|.3Cdiv.3E|&lt;span&gt;|.3Cspan.3E}}
  
{{anchor|&lt;div&gt;|.3Cdiv.3E|&lt;span&gt;|.3Cspan.3E}}
   
  +
−
<!--T:81-->
  
 
Some [[wikipedia:HTML|HTML]] tags are allowed in MediaWiki, for example <tvar name=1>{{tag|code|open}}</tvar>, [[w:Div and span|<tvar name=2>{{tag|div|open}}</tvar>, and <tvar name=3>{{tag|span|open}}</tvar>]]. These apply anywhere you insert them.
  
Some [[wikipedia:HTML|HTML]] tags are allowed in MediaWiki, for example <tvar name=1>{{tag|code|open}}</tvar>, [[w:Div and span|<tvar name=2>{{tag|div|open}}</tvar>, and <tvar name=3>{{tag|span|open}}</tvar>]]. These apply anywhere you insert them.
   
 
{| class="wikitable"
  
{| class="wikitable"
−
! <!--T:82--> Description
 +
! Description
−
! width=40% | <!--T:83--> You type
 +
! width=40% | You type
−
! width=40% | <!--T:84--> You get
 +
! width=40% | You get
 
{{Table-AnchorRow|colspan=3|&lt;ins&gt;|.3Cins.3E|&lt;u&gt;|.3Cu.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;ins&gt;|.3Cins.3E|&lt;u&gt;|.3Cu.3E}}
 
|-
  
|-
−
| <!--T:85--> Inserted <br />(Displays as underline in most browsers)
 +
| Inserted <br />(Displays as underline in most browsers)
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
−
<ins><!--T:86--> Inserted</ins>
 +
<ins> Inserted</ins>
   
  +
or
−
<!--T:87--> or
  
   
−
<u><!--T:88--> Underline</u>
 +
<u> Underline</u>
 
</syntaxhighlight>
  
</syntaxhighlight>
 
|
  
|
−
<ins><!--T:89--> Inserted</ins>
 +
<ins> Inserted</ins>
   
  +
or
−
<!--T:90--> or
  
   
−
<u><!--T:91--> Underline</u>
 +
<u> Underline</u>
 
{{Table-AnchorRow|colspan=3|&lt;del&gt;|.3Cdel.3E|&lt;s&gt;|.3Cs.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;del&gt;|.3Cdel.3E|&lt;s&gt;|.3Cs.3E}}
 
|-
  
|-
−
| <!--T:92--> Deleted <br />(Displays as strike-through in most browsers)
 +
| Deleted <br />(Displays as strike-through in most browsers)
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
−
<s><!--T:93--> Strike-through</s>
 +
<s> Strike-through</s>
   
  +
or
−
<!--T:94--> or
  
   
−
<del><!--T:95--> Deleted</del>
 +
<del> Deleted</del>
   
 
</syntaxhighlight>
  
</syntaxhighlight>
 
|
  
|
−
<s><!--T:96--> Strike-through</s>
 +
<s> Strike-through</s>
   
  +
or
−
<!--T:97--> or
  
   
−
<del><!--T:98--> Deleted</del>
 +
<del> Deleted</del>
 
{{Table-AnchorRow|colspan=3|&lt;code&gt;|.3Ccode.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;code&gt;|.3Ccode.3E}}
 
|-
  
|-
−
| <!--T:99--> Fixed width text
 +
| Fixed width text
−
| <syntaxhighlight lang=html><code><!--T:100--> Source code</code></syntaxhighlight>
 +
| <syntaxhighlight lang=html><code> Source code</code></syntaxhighlight>
−
| <code><!--T:154--> Source code</code>
 +
| <code> Source code</code>
 
{{Table-AnchorRow|colspan=3|&lt;blockquote&gt;|.3Cblockquote.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;blockquote&gt;|.3Cblockquote.3E}}
 
|-
  
|-
−
| <!--T:104--> Blockquotes
 +
| Blockquotes
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
−
<!--T:105--> Text before
 +
Text before
−
<blockquote><!--T:106--> Blockquote</blockquote>
 +
<blockquote> Blockquote</blockquote>
−
<!--T:107--> Text after
 +
Text after
 
</syntaxhighlight>
  
</syntaxhighlight>
 
|
  
|
−
<!--T:108--> Text before
 +
Text before
−
<blockquote><!--T:109--> Blockquote</blockquote>
 +
<blockquote> Blockquote</blockquote>
−
<!--T:110--> Text after
 +
Text after
 
{{Table-AnchorRow|colspan=3|&lt;q&gt;|.3Cq.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;q&gt;|.3Cq.3E}}
 
|-
  
|-
−
| <!--T:167--> Quotes
 +
| Quotes
−
| <syntaxhighlight lang=html><q><!--T:168--> This is a quotation</q></syntaxhighlight>
 +
| <syntaxhighlight lang=html><q> This is a quotation</q></syntaxhighlight>
−
{{Note|1=<!--T:174--> The q element '''must not''' be used in place of quotation marks that do not represent quotes; for example, it is inappropriate to use the q element for marking up sarcastic statements.<ref>[<tvar name=url>https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element</tvar> HTML Living Standard—The <tvar name=q>&lt;'''q'''&gt;</tvar> element]</ref>}}
 +
{{Note|1= The q element '''must not''' be used in place of quotation marks that do not represent quotes; for example, it is inappropriate to use the q element for marking up sarcastic statements.<ref>[<tvar name=url>https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-q-element</tvar> HTML Living Standard—The <tvar name=q>&lt;'''q'''&gt;</tvar> element]</ref>}}
−
| <q><!--T:169--> This is a quotation</q>
 +
| <q> This is a quotation</q>
 
|-
  
|-
−
| <!--T:111--> Comment
 +
| Comment
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
   
  +
−
<!--T:112-->
  
 
<!-- This is a comment -->
  
<!-- This is a comment -->
 
Comments are visible only
 
Comments are visible only
Line 434: Line 430:
 
|
  
|
   
  +
−
<!--T:113-->
  
 
<!-- This is a comment -->
  
<!-- This is a comment -->
 
Comments are visible only
 
Comments are visible only
Line 441: Line 437:
 
{{Table-AnchorRow|colspan=3|&lt;pre&gt;|.3Cpre.3E}}
  
{{Table-AnchorRow|colspan=3|&lt;pre&gt;|.3Cpre.3E}}
 
|-
  
|-
−
| <!--T:114--> Completely preformatted text
 +
| Completely preformatted text
 
| <syntaxhighlight lang="html">
  
| <syntaxhighlight lang="html">
 
<pre>
  
<pre>
   
  +
−
<!--T:115-->
  
 
Text is '''preformatted''' and
 
Text is '''preformatted''' and
 
''markups'' '''''cannot''''' be done
  
''markups'' '''''cannot''''' be done
Line 452: Line 448:
 
</syntaxhighlight>
  
</syntaxhighlight>
 
----
  
----
−
{{note|1=<!--T:116--> For marking up of preformatted text, check the "Preformatted text" entry at the end of the previous table.}}
+
{{note|1= For marking up of preformatted text, check the "Preformatted text" entry at the end of the previous table.}}
 
|
  
|
 
<pre>
  
<pre>
   
  +
−
<!--T:117-->
  
 
Text is '''preformatted''' and
 
Text is '''preformatted''' and
 
''markups'' '''''cannot''''' be done
  
''markups'' '''''cannot''''' be done
Line 462: Line 458:
 
</pre>
  
</pre>
 
|-
  
|-
−
| <!--T:118--> '''Customized''' preformatted text
 +
| '''Customized''' preformatted text
 
| <syntaxhighlight lang="html">
  
| <syntaxhighlight lang="html">
 
<pre style="color: red">
  
<pre style="color: red">
   
  +
−
<!--T:119-->
  
 
Text is '''preformatted'''
 
Text is '''preformatted'''
 
with a style and
 
with a style and
Line 474: Line 470:
 
</syntaxhighlight>
  
</syntaxhighlight>
 
----
  
----
−
{{note|1=<!--T:120--> A CSS style can be named within the <code>style</code> attribute.}}
 +
{{note|1= A CSS style can be named within the <code>style</code> attribute.}}
 
|
  
|
 
<pre style="color: red">
  
<pre style="color: red">
   
  +
−
<!--T:121-->
  
 
Text is '''preformatted'''
 
Text is '''preformatted'''
 
with a style and
 
with a style and
Line 486: Line 482:
 
|}
  
|}
   
  +
−
<!--T:122-->
  
 
continued:
  
continued:
 
{| class="wikitable" | style="table-layout: fixed; width: 100%"
  
{| class="wikitable" | style="table-layout: fixed; width: 100%"
−
! <!--T:123--> Description
 +
! Description
−
! width=40% | <!--T:124--> You type
 +
! width=40% | You type
−
! width=40% | <!--T:125--> You get
 +
! width=40% | You get
 
|-
  
|-
−
| <!--T:159--> '''Default''' preformatted text has a CSS attribute (<code>white-space: pre-wrap;</code>) to wrap the text according to available width
 +
| '''Default''' preformatted text has a CSS attribute (<code>white-space: pre-wrap;</code>) to wrap the text according to available width
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
 
<pre>
  
<pre>
−
<!--T:127--> This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 
</pre>
  
</pre>
 
</syntaxhighlight>
  
</syntaxhighlight>
 
|
  
|
 
<pre>
  
<pre>
−
<!--T:128--> This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 
</pre>
  
</pre>
 
|-
  
|-
−
| <!--T:126--> '''Customized''' preformatted text with '''disabled''' text wrapping
 +
| '''Customized''' preformatted text with '''disabled''' text wrapping
 
| <syntaxhighlight lang=html>
  
| <syntaxhighlight lang=html>
 
<pre style="white-space: pre;">
  
<pre style="white-space: pre;">
−
<!--T:130--> This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 
</pre>
  
</pre>
 
</syntaxhighlight>
  
</syntaxhighlight>
 
|
  
|
 
<pre style="white-space: pre;">
  
<pre style="white-space: pre;">
−
<!--T:131--> This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 +
This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
 
</pre>
  
</pre>
 
|}
  
|}
Line 518: Line 514:
   
   
−
== Inserting symbols == <!--T:132-->
 +
== Inserting symbols ==
  +
   
−
<!--T:133-->
  
 
Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many [http://www.howtogeek.com/210824/how-to-quickly-type-special-characters-on-any-computer-smartphone-or-tablet/ Operating Systems and browsers] allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or [[VisualEditor/Special characters|VisualEditor]] to insert them into the edit screen.
  
Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many [http://www.howtogeek.com/210824/how-to-quickly-type-special-characters-on-any-computer-smartphone-or-tablet/ Operating Systems and browsers] allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or [[VisualEditor/Special characters|VisualEditor]] to insert them into the edit screen.
   
  +
−
<!--T:166-->
  
 
As a last resort, you can use 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;.
 
As a last resort, you can use 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|1=<!--T:134--> Hover over any symbol to reveal the entity that produces it. Some symbols not available in the current font will appear as empty squares.}}
+
{{note|1= Hover over any symbol to reveal the entity that produces it. Some symbols not available in the current font will appear as empty squares.}}
   
 
{| class="wikitable" style="width:100%; text-align:center; font-weight:bold;"
  
{| class="wikitable" style="width:100%; text-align:center; font-weight:bold;"
−
|+ <!--T:178--> HTML symbol entities
 +
|+ HTML symbol entities
 
|-
  
|-
 
| <span title="&amp;Aacute;">&Aacute;</span>
  
| <span title="&amp;Aacute;">&Aacute;</span>
Line 793: Line 789:
   
 
{| class="wikitable"
  
{| class="wikitable"
−
! <!--T:135--> Description
 +
! Description
−
! width=40% | <!--T:136--> You type
 +
! width=40% | You type
−
! width=40% | <!--T:137--> You get
 +
! width=40% | You get
 
|-
  
|-
−
| <!--T:138--> Copyright symbol
 +
| Copyright symbol
 
|class=mw-code| &amp;copy;
  
|class=mw-code| &amp;copy;
 
|
  
|
 
:::'''&copy;'''
  
:::'''&copy;'''
 
|-
  
|-
−
| <!--T:139--> Greek delta letter symbol
 +
| Greek delta letter symbol
 
|class=mw-code|&amp;delta;
  
|class=mw-code|&amp;delta;
 
|
  
|
 
:::'''&delta;'''
  
:::'''&delta;'''
 
|-
  
|-
−
| <!--T:140--> Euro currency symbol
 +
| Euro currency symbol
 
|class=mw-code|&amp;euro;
  
|class=mw-code|&amp;euro;
 
|
  
|
Line 813: Line 809:
 
|}
  
|}
   
  +
−
<!--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 [[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.)
   
−
== HTML tags and symbol entities displayed themselves (with and without interpreting them) == <!--T:142-->
 +
== HTML tags and symbol entities displayed themselves (with and without interpreting them) ==
   
 
:<syntaxhighlight lang=html inline>&amp;euro;</syntaxhighlight> &nbsp;&rarr; '''&amp;euro;'''
  
:<syntaxhighlight lang=html inline>&amp;euro;</syntaxhighlight> &nbsp;&rarr; '''&amp;euro;'''
   
−
:<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"><!--T:143--> Typo to be corrected</span></syntaxhighlight> <!--
 +
:<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"> Typo to be corrected</span></syntaxhighlight> <!--
−
-->&nbsp;&rarr; '''<span style="color: red; text-decoration: line-through;"><!--T:144--> Typo to be corrected</span>'''
 +
-->&nbsp;&rarr; '''<span style="color: red; text-decoration: line-through;"> Typo to be corrected</span>'''
   
−
:<syntaxhighlight lang=html inline>&lt;span style="color: red; text-decoration: line-through;"><!--T:156--> Typo to be corrected</span></syntaxhighlight> <!--
 +
:<syntaxhighlight lang=html inline>&lt;span style="color: red; text-decoration: line-through;"> Typo to be corrected</span></syntaxhighlight> <!--
−
-->&nbsp;&rarr; '''&lt;span style="color: red; text-decoration: line-through;"><!--T:145--> Typo to be corrected&lt;/span>'''
 +
-->&nbsp;&rarr; '''&lt;span style="color: red; text-decoration: line-through;"> Typo to be corrected&lt;/span>'''
   
   
−
=== Nowiki for HTML === <!--T:146-->
 +
=== Nowiki for HTML ===
   
−
{{tag|nowiki|s}} <!--T:147--> can prohibit (HTML) tags:
 +
{{tag|nowiki|s}} can prohibit (HTML) tags:
 
* <nowiki><<</nowiki>nowiki />pre> &nbsp;&rarr; <<nowiki/>pre>
  
* <nowiki><<</nowiki>nowiki />pre> &nbsp;&rarr; <<nowiki/>pre>
−
<!--T:148--> But ''not'' &amp; symbol escapes:
 +
But ''not'' &amp; symbol escapes:
 
* &<<nowiki />nowiki />amp; &nbsp;&rarr; &<nowiki />amp;
  
* &<<nowiki />nowiki />amp; &nbsp;&rarr; &<nowiki />amp;
   
  +
−
<!--T:149-->
  
 
To print &amp; symbol escapes as text, use "<tvar name=1><syntaxhighlight inline lang="html">&amp;</syntaxhighlight></tvar>" to replace the "&" character (eg. type "<tvar name=2><syntaxhighlight inline lang="html">&amp;nbsp;</syntaxhighlight></tvar>", which results in "<tvar name=3><syntaxhighlight inline lang="html">&nbsp;</syntaxhighlight></tvar>").
  
To print &amp; symbol escapes as text, use "<tvar name=1><syntaxhighlight inline lang="html">&amp;</syntaxhighlight></tvar>" to replace the "&" character (eg. type "<tvar name=2><syntaxhighlight inline lang="html">&amp;nbsp;</syntaxhighlight></tvar>", which results in "<tvar name=3><syntaxhighlight inline lang="html">&nbsp;</syntaxhighlight></tvar>").
   
−
== Other formatting == <!--T:150-->
 +
== Other formatting ==
  +
   
−
<!--T:151-->
  
 
Beyond the text formatting markup shown hereinbefore, here are some other formatting references:
  
Beyond the text formatting markup shown hereinbefore, here are some other formatting references:
   
Line 847: Line 843:
 
* {{ll|Help:Images|nsp=0}}
  
* {{ll|Help:Images|nsp=0}}
   
  +
−
<!--T:173-->
  
 
* LanguageConverter markup – see <tvar name=1>{{ll|Writing systems/Syntax}}</tvar>
  
* LanguageConverter markup – see <tvar name=1>{{ll|Writing systems/Syntax}}</tvar>
   
  +
−
<!--T:158-->
  
 
* References – see <tvar name=1>{{ll|Extension:Cite}}</tvar>
  
* References – see <tvar name=1>{{ll|Extension:Cite}}</tvar>
 
* [[<tvar name=tables>Special:MyLanguage/Help:Tables</tvar>|Tables]]
  
* [[<tvar name=tables>Special:MyLanguage/Help:Tables</tvar>|Tables]]
   
  +
−
<!--T:153-->
  
 
You can find more references at <tvar name=1>{{ll|Help:Contents}}</tvar>.
  
You can find more references at <tvar name=1>{{ll|Help:Contents}}</tvar>.
   
−
== References == <!--T:175-->
 +
== References ==
   
 
<references />
  
<references />

Latest revision as of 16:47, 23 March 2022

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

Description You type You get
Character (inline) formatting – applies anywhere
Italic text 
'' italic''

italic

Bold text 
''' bold'''

bold

Bold and italic 
''''' bold & italic'''''

bold & italic Template:Table-AnchorRow

Escape wiki markup <syntaxhighlight lang="html">

Template:^(nowikiTemplate:)^ no wiki markupTemplate:^(/nowikiTemplate:)^ </syntaxhighlight> 

no [[wiki]] ''markup''
Section formatting – only at the beginning of the line
Section Headings of different levels 

== Level 2 == 

=== Level 3 === 

==== Level 4 ==== 

===== Level 5 ===== 

====== Level 6 ======

Template:Note


Level 2


Level 3


Level 4


Level 5


Level 6
Horizontal rule 
 Text before
----
 Text after

Text before

Text after
Bullet list 


* 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.


* combine bullet list
** with definition 
::- definition
** creates empty space


* combine bullet list
** with definition 
*:- definition
** without empty spaces


*bullet list
:- definition
:* sublist that doesn't create empty
:* spaces after definition


  • 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.


  • combine bullet list
    • with definition
- definition
    • creates empty space


  • combine bullet list
    • with definition
    - definition
    • without empty spaces


  • bullet list
- definition
  • sublist that doesn't create empty
  • spaces after definition
Numbered list 


# 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


# end the list and start another.
Any other start also
ends the list.


<tvar name=1><nowiki>#</nowiki></tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list.


  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.


<tvar name=1>#</tvar> use "nowiki" tags to display a literal (#) at the beginning of a line without interpreting it as a numbered list. Template:Table-AnchorRow

Definition list 


;item 1
: definition 1
;item 2
: definition 2-1
: definition 2-2

Template:Note


item 1
definition 1
item 2
definition 2-1
definition 2-2
Indent text 


: Single indent
:: Double indent
::::: Multiple indent

Template:Note


Single indent
Double indent
Multiple indent
Mixture of different types of list <syntaxhighlight lang="html">


  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 <tvar name=1>
    </tvar> of <tvar name=2><br /></tvar>
  5. five
    1. five sub 1
      1. five sub 1 sub 1
    2. five sub 2

</syntaxhighlight>

Template:Note


  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 <tvar name=1>
    </tvar> of <tvar name=2><br /></tvar>
  5. five
    1. five sub 1
      1. five sub 1 sub 1
    2. five sub 2
Preformatted text 
  Start each line with a space.
  Text is '''preformatted''' and
  ''markups'' '''''can''''' be done.

Template:Note 

 Start each line with a space.
 Text is preformatted and
 markups can be done.
Preformatted text blocks 
 <nowiki>
Start with a space in the first column,
(before the <tvar name=1><nowiki></tvar>).


Then your block format will be
    maintained.


This is good for copying in code blocks:


def function():
    """ documentation string"""

    if True:
        print True
    else:
        print False</nowiki>

Start with a space in the first column,
(before the <nowiki>).


Then your block format will be
    maintained.


This is good for copying in code blocks:


def function():
    """ documentation string"""

    if True:
        print True
    else:
        print False

Template:Anchor

Paragraphs

Template:Anchor


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 <tvar name=1>Template:Tag</tvar>.

HTML tags

Template:Anchor


Some HTML tags are allowed in MediaWiki, for example <tvar name=1>Template:Tag</tvar>, [[w:Div and span|<tvar name=2>Template:Tag</tvar>, and <tvar name=3>Template:Tag</tvar>]]. These apply anywhere you insert them.

Description You type You get

Template:Table-AnchorRow

Inserted
(Displays as underline in most browsers) 		<syntaxhighlight lang=html>

Inserted 

or

Underline </syntaxhighlight>

Inserted 

or

Underline Template:Table-AnchorRow

Deleted
(Displays as strike-through in most browsers) 		<syntaxhighlight lang=html>

Strike-through 

or

Deleted

</syntaxhighlight>

Strike-through 

or

Deleted Template:Table-AnchorRow

Fixed width text <syntaxhighlight lang=html> Source code</syntaxhighlight> Source code

Template:Table-AnchorRow

Blockquotes <syntaxhighlight lang=html> 
Text before

Blockquote

Text after

</syntaxhighlight> 

Text before

Blockquote

Text after

Template:Table-AnchorRow

Quotes <syntaxhighlight lang=html> This is a quotation</syntaxhighlight>

Template:Note

This is a quotation
Comment <syntaxhighlight lang=html>


Comments are visible only in the edit zone.

</syntaxhighlight>


Comments are visible only in the edit zone.

Template:Table-AnchorRow

Completely preformatted text <syntaxhighlight lang="html"> 


Text is '''preformatted''' and 
''markups'' '''''cannot''''' be done

</syntaxhighlight>

Template:Note 



Text is '''preformatted''' and 
''markups'' '''''cannot''''' be done
Customized preformatted text <syntaxhighlight lang="html"> 


Text is '''preformatted''' 
with a style and 
''markups'' '''''cannot''''' be done

</syntaxhighlight>

Template:Note 



Text is '''preformatted''' 
with a style and 
''markups'' '''''cannot''''' be done


continued:

Description You type You get
Default preformatted text has a CSS attribute (white-space: pre-wrap;) to wrap the text according to available width <syntaxhighlight lang=html> 
 This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.

</syntaxhighlight> 

 This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.
Customized preformatted text with disabled text wrapping <syntaxhighlight lang=html> 
 This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.

</syntaxhighlight> 

 This long sentence is used to demonstrate text wrapping. This additional sentence makes the text even longer. This additional sentence makes the text even longer.


Inserting symbols

Symbols and other special characters not available on your keyboard can be inserted in a multitude of ways. Many Operating Systems and browsers allow you to insert special characters through a menu option or Operating System panel. Additionally, you can use the WikiEditor or VisualEditor to insert them into the edit screen.


As a last resort, you can use 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 —.

Template:Note

HTML symbol entities
Á á Â â ´ Æ æ À à ℵ Α α & ∧ ∠ Å å ≈ Ã ã Ä ä „ Β β ¦ • ∩ Ç ç ¸ ¢
Χ χ ˆ ♣ ≅ © ↵ ∪ ¤ † ‡ ↓ ⇓ ° Δ δ ♦ ÷ É é Ê ê È è ∅     Ε ε ≡ Η η
Ð ð Ë ë € ∃ ƒ ∀ ½ ¼ ¾ ⁄ Γ γ ≥ > ↔ ⇔ ♥ … Í í Î î ¡ Ì ì ℑ ∞ ∫ Ι ι
¿ ∈ Ï ï Κ κ Λ λ ⟨ « ← ⇐ ⌈ “ ≤ ⌊ ∗ ◊ ‎ ‹ ‘ < ¯ — µ · − Μ μ ∇   –
≠ ∋ ¬ ∉ ⊄ Ñ ñ Ν ν Ó ó Ô ô Œ œ Ò ò ‾ Ω ω Ο ο ⊕ ∨ ª º Ø ø Õ õ ⊗ Ö
ö ∂ ‰ ⊥ Φ φ Π π ϖ ± £ ′ ″ ∏ ∝ Ψ ψ " √ ⟩ » → ⇒ ⌉ ” ℜ ® ⌋ Ρ ρ ‏
› ’ ‚ Š š ⋅ § ­ Σ σ ς ∼ ♠ ⊂ ⊆ ∑ ⊃ ¹ ² ³ ⊇ ß Τ τ ∴ Θ θ ϑ   Þ þ ˜
× ™ Ú ú ↑ ⇑ Û û Ù ù ¨ ϒ Υ υ Ü ü ℘ Ξ ξ Ý ý ¥ ÿ Ÿ Ζ ζ ‍ ‌
Description You type You get
Copyright symbol &copy;
©
Greek delta letter symbol &delta;
δ
Euro currency symbol &euro;
€


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)

<syntaxhighlight lang=html inline>&euro;</syntaxhighlight>  → &euro;
<syntaxhighlight lang=html inline> Typo to be corrected</syntaxhighlight>  → Typo to be corrected
<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"> Typo to be corrected</syntaxhighlight>  → <span style="color: red; text-decoration: line-through;"> Typo to be corrected</span>


Nowiki for HTML

Template:Tag can prohibit (HTML) tags:

  • <<nowiki />pre>  → <pre>
But not & symbol escapes:
  • &<nowiki />amp;  → &


To print & symbol escapes as text, use "<tvar name=1><syntaxhighlight inline lang="html">&</syntaxhighlight></tvar>" to replace the "&" character (eg. type "<tvar name=2><syntaxhighlight inline lang="html">&nbsp;</syntaxhighlight></tvar>", which results in "<tvar name=3><syntaxhighlight inline lang="html"> </syntaxhighlight></tvar>").

Other formatting

Beyond the text formatting markup shown hereinbefore, here are some other formatting references:



  • LanguageConverter markup – see <tvar name=1>Template:Ll</tvar>


  • References – see <tvar name=1>Template:Ll</tvar>
  • [[<tvar name=tables>Special:MyLanguage/Help:Tables</tvar>|Tables]]


You can find more references at <tvar name=1>Template:Ll</tvar>.

References

<references />

[[Category:Help{{#translation:}}|Formatting]]

Retrieved from "http://wiki.experimentalgamecultures.uni-ak.ac.at/index.php?title=Text_Formatting&oldid=29"