Difference between revisions of "Text Formatting"
Line 1: | Line 1: | ||
<languages /> |
<languages /> |
||
{{PD Help Page}} |
{{PD Help Page}} |
||
+ | |||
− | <translate> |
||
<!--T:1--> |
<!--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 == <!--T:2--> |
||
+ | |||
− | </translate> |
||
{| class="wikitable" |
{| class="wikitable" |
||
− | ! |
+ | ! <!--T:3--> Description |
− | ! width=40% | |
+ | ! width=40% | <!--T:4--> You type |
− | ! width=40% | |
+ | ! width=40% | <!--T:5--> You get |
|- |
|- |
||
− | ! colspan="3" style="background: #ABE" | |
+ | ! colspan="3" style="background: #ABE" | <!--T:6--> Character (inline) formatting – ''applies anywhere'' |
|- |
|- |
||
− | | |
+ | | <!--T:7--> Italic text |
| <pre> |
| <pre> |
||
− | '' |
+ | ''<!--T:8--> italic'' |
</pre> |
</pre> |
||
| |
| |
||
− | '' |
+ | ''<!--T:9--> italic'' |
|- |
|- |
||
− | | |
+ | | <!--T:10--> Bold text |
| <pre> |
| <pre> |
||
− | ''' |
+ | '''<!--T:11--> bold''' |
</pre> |
</pre> |
||
| |
| |
||
− | ''' |
+ | '''<!--T:12--> bold''' |
|- |
|- |
||
− | | |
+ | | <!--T:13--> Bold and italic |
| <pre> |
| <pre> |
||
− | ''''' |
+ | '''''<!--T:14--> bold & italic''''' |
</pre> |
</pre> |
||
| |
| |
||
− | ''''' |
+ | '''''<!--T:15--> bold & italic''''' |
{{Table-AnchorRow|colspan=3|nowiki|<nowiki>|.3Cnowiki.3E}} |
{{Table-AnchorRow|colspan=3|nowiki|<nowiki>|.3Cnowiki.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:19--> 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{{)^}} |
+ | {{^(}}nowiki{{)^}}<!--T:20--> no [[wiki]] ''markup''{{^(}}/nowiki{{)^}} |
| lang = "html" |
| lang = "html" |
||
}} |
}} |
||
| |
| |
||
− | + | <!--T:155--> <nowiki>no [[wiki]] ''markup''</nowiki> |
|
|- |
|- |
||
− | ! colspan="3" style="background: #ABE" | |
+ | ! colspan="3" style="background: #ABE" | <!--T:24--> Section formatting – ''only at the beginning of the line'' |
|- |
|- |
||
− | | |
+ | | <!--T:25--> Section Headings of different levels |
| <pre> |
| <pre> |
||
+ | |||
− | <translate nowrap> |
||
== Level 2 == <!--T:26--> |
== Level 2 == <!--T:26--> |
||
Line 59: | Line 59: | ||
====== Level 6 ====== <!--T:30--> |
====== Level 6 ====== <!--T:30--> |
||
+ | |||
− | </translate> |
||
</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. |
− | * |
+ | * <!--T:32--> 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>). |
}} |
}} |
||
| |
| |
||
<!-- using HTML markup to avoid creating new sections --> |
<!-- using HTML markup to avoid creating new sections --> |
||
+ | |||
− | <translate> |
||
<!--T:35--> |
<!--T:35--> |
||
<h2>Level 2</h2> |
<h2>Level 2</h2> |
||
Line 84: | Line 84: | ||
<!--T:39--> |
<!--T:39--> |
||
<h6>Level 6</h6> |
<h6>Level 6</h6> |
||
+ | |||
− | </translate> |
||
|- |
|- |
||
− | | |
+ | | <!--T:40--> Horizontal rule |
| <pre> |
| <pre> |
||
− | + | <!--T:41--> Text before |
|
---- |
---- |
||
− | + | <!--T:42--> Text after |
|
</pre> |
</pre> |
||
| |
| |
||
− | + | <!--T:43--> Text before |
|
---- |
---- |
||
− | + | <!--T:44--> Text after |
|
|- |
|- |
||
− | | |
+ | | <!--T:45--> Bullet list |
| |
| |
||
<pre> |
<pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:46--> |
<!--T:46--> |
||
* Start each line |
* Start each line |
||
Line 127: | Line 127: | ||
:* sublist that doesn't create empty |
:* sublist that doesn't create empty |
||
:* spaces after definition |
:* spaces after definition |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:47--> |
<!--T:47--> |
||
* Start each line |
* Start each line |
||
Line 157: | Line 157: | ||
:* sublist that doesn't create empty |
:* sublist that doesn't create empty |
||
:* spaces after definition |
:* spaces after definition |
||
+ | |||
− | </translate> |
||
|- |
|- |
||
− | | |
+ | | <!--T:48--> Numbered list |
| |
| |
||
<pre> |
<pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:49--> |
<!--T:49--> |
||
# Start each line |
# Start each line |
||
Line 180: | Line 180: | ||
<!--T:183--> |
<!--T:183--> |
||
<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. |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:51--> |
<!--T:51--> |
||
# Start each line |
# Start each line |
||
Line 200: | Line 200: | ||
<!--T:184--> |
<!--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 |
| <pre> |
| <pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:54--> |
<!--T:54--> |
||
;item 1 |
;item 1 |
||
Line 212: | Line 212: | ||
: definition 2-1 |
: definition 2-1 |
||
: definition 2-2 |
: definition 2-2 |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
− | {{note|1= |
+ | {{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>&#58;</code></tvar>.}} |
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:55--> |
<!--T:55--> |
||
;item 1 |
;item 1 |
||
Line 223: | Line 223: | ||
: definition 2-1 |
: definition 2-1 |
||
: definition 2-2 |
: definition 2-2 |
||
+ | |||
− | </translate> |
||
|- |
|- |
||
− | | |
+ | | <!--T:56--> Indent text |
| <pre> |
| <pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:57--> |
<!--T:57--> |
||
: Single indent |
: Single indent |
||
:: Double indent |
:: Double indent |
||
::::: Multiple indent |
::::: Multiple indent |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
---- |
---- |
||
− | {{Note|1= |
+ | {{Note|1=<!--T:58--> This workaround may harm accessibility.}} |
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:59--> |
<!--T:59--> |
||
: Single indent |
: Single indent |
||
:: Double indent |
:: Double indent |
||
::::: Multiple indent |
::::: Multiple indent |
||
+ | |||
− | </translate> |
||
|- |
|- |
||
− | | |
+ | | <!--T:60--> Mixture of different types of list |
| <syntaxhighlight lang="html"> |
| <syntaxhighlight lang="html"> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:61--> |
<!--T:61--> |
||
# one |
# one |
||
Line 264: | Line 264: | ||
### five sub 1 sub 1 |
### five sub 1 sub 1 |
||
## five sub 2 |
## five sub 2 |
||
+ | |||
− | </translate> |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
---- |
---- |
||
− | {{note|1= |
+ | {{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.}} |
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:63--> |
<!--T:63--> |
||
# one |
# one |
||
Line 287: | Line 287: | ||
### five sub 1 sub 1 |
### five sub 1 sub 1 |
||
## five sub 2 |
## five sub 2 |
||
+ | |||
− | </translate> |
||
|- |
|- |
||
− | | |
+ | | <!--T:64--> Preformatted text |
| <pre> |
| <pre> |
||
− | + | <!--T:65--> Start each line with a space. |
|
− | + | <!--T:179--> Text is '''preformatted''' and |
|
− | + | <!--T:180--> ''markups'' '''''can''''' be done. |
|
</pre> |
</pre> |
||
---- |
---- |
||
− | {{note|1= |
+ | {{note|1=<!--T:66--> This way of preformatting only applies to section formatting. Character formatting markups are still effective.}} |
| |
| |
||
− | + | <!--T:67--> Start each line with a space. |
|
− | + | <!--T:181--> Text is '''preformatted''' and |
|
− | + | <!--T:182--> ''markups'' '''''can''''' be done. |
|
|- |
|- |
||
− | | |
+ | | <!--T:68--> Preformatted text blocks |
− | | <pre> <nowiki> |
+ | | <pre> <nowiki><!--T:69--> |
Start with a space in the first column, |
Start with a space in the first column, |
||
(before the <tvar name=1><nowiki></tvar>). |
(before the <tvar name=1><nowiki></tvar>). |
||
Line 313: | Line 313: | ||
<!--T:170--> |
<!--T:170--> |
||
This is good for copying in code blocks: |
This is good for copying in code blocks: |
||
+ | |||
− | </translate> |
||
def function(): |
def function(): |
||
− | """ |
+ | """<!--T:171--> documentation string""" |
if True: |
if True: |
||
Line 324: | Line 324: | ||
</pre> |
</pre> |
||
| |
| |
||
− | {{#tag:nowiki| |
+ | {{#tag:nowiki|<!--T:73--> |
Start with a space in the first column, |
Start with a space in the first column, |
||
(before the <nowiki>). |
(before the <nowiki>). |
||
Line 334: | Line 334: | ||
<!--T:75--> |
<!--T:75--> |
||
This is good for copying in code blocks: |
This is good for copying in code blocks: |
||
+ | |||
− | </translate> |
||
def function(): |
def function(): |
||
− | """ |
+ | """<!--T:172--> documentation string""" |
if True: |
if True: |
||
Line 347: | Line 347: | ||
{{anchor|<p>|.3Cp.3E}} |
{{anchor|<p>|.3Cp.3E}} |
||
+ | |||
− | <translate> |
||
== Paragraphs == <!--T:78--> |
== Paragraphs == <!--T:78--> |
||
+ | |||
− | </translate> |
||
{{anchor|<br>|.3Cbr.3E}} |
{{anchor|<br>|.3Cbr.3E}} |
||
+ | |||
− | <translate> |
||
<!--T:79--> |
<!--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 == <!--T:80--> |
||
+ | |||
− | </translate> |
||
{{anchor|<div>|.3Cdiv.3E|<span>|.3Cspan.3E}} |
{{anchor|<div>|.3Cdiv.3E|<span>|.3Cspan.3E}} |
||
+ | |||
− | <translate> |
||
<!--T:81--> |
<!--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. |
||
+ | |||
− | </translate> |
||
{| class="wikitable" |
{| class="wikitable" |
||
− | ! |
+ | ! <!--T:82--> Description |
− | ! width=40% | |
+ | ! width=40% | <!--T:83--> You type |
− | ! width=40% | |
+ | ! width=40% | <!--T:84--> You get |
{{Table-AnchorRow|colspan=3|<ins>|.3Cins.3E|<u>|.3Cu.3E}} |
{{Table-AnchorRow|colspan=3|<ins>|.3Cins.3E|<u>|.3Cu.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:85--> Inserted <br />(Displays as underline in most browsers) |
| <syntaxhighlight lang=html> |
| <syntaxhighlight lang=html> |
||
− | <ins |
+ | <ins><!--T:86--> Inserted</ins> |
− | + | <!--T:87--> or |
|
− | <u |
+ | <u><!--T:88--> Underline</u> |
</syntaxhighlight> |
</syntaxhighlight> |
||
| |
| |
||
− | <ins |
+ | <ins><!--T:89--> Inserted</ins> |
− | + | <!--T:90--> or |
|
− | <u |
+ | <u><!--T:91--> Underline</u> |
{{Table-AnchorRow|colspan=3|<del>|.3Cdel.3E|<s>|.3Cs.3E}} |
{{Table-AnchorRow|colspan=3|<del>|.3Cdel.3E|<s>|.3Cs.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:92--> Deleted <br />(Displays as strike-through in most browsers) |
| <syntaxhighlight lang=html> |
| <syntaxhighlight lang=html> |
||
− | <s |
+ | <s><!--T:93--> Strike-through</s> |
− | + | <!--T:94--> or |
|
− | <del |
+ | <del><!--T:95--> Deleted</del> |
</syntaxhighlight> |
</syntaxhighlight> |
||
| |
| |
||
− | <s |
+ | <s><!--T:96--> Strike-through</s> |
− | + | <!--T:97--> or |
|
− | <del |
+ | <del><!--T:98--> Deleted</del> |
{{Table-AnchorRow|colspan=3|<code>|.3Ccode.3E}} |
{{Table-AnchorRow|colspan=3|<code>|.3Ccode.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:99--> Fixed width text |
− | | <syntaxhighlight lang=html><code |
+ | | <syntaxhighlight lang=html><code><!--T:100--> Source code</code></syntaxhighlight> |
− | | <code |
+ | | <code><!--T:154--> Source code</code> |
{{Table-AnchorRow|colspan=3|<blockquote>|.3Cblockquote.3E}} |
{{Table-AnchorRow|colspan=3|<blockquote>|.3Cblockquote.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:104--> Blockquotes |
| <syntaxhighlight lang=html> |
| <syntaxhighlight lang=html> |
||
− | + | <!--T:105--> Text before |
|
− | <blockquote |
+ | <blockquote><!--T:106--> Blockquote</blockquote> |
− | + | <!--T:107--> Text after |
|
</syntaxhighlight> |
</syntaxhighlight> |
||
| |
| |
||
− | + | <!--T:108--> Text before |
|
− | <blockquote |
+ | <blockquote><!--T:109--> Blockquote</blockquote> |
− | + | <!--T:110--> Text after |
|
{{Table-AnchorRow|colspan=3|<q>|.3Cq.3E}} |
{{Table-AnchorRow|colspan=3|<q>|.3Cq.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:167--> Quotes |
− | | <syntaxhighlight lang=html><q |
+ | | <syntaxhighlight lang=html><q><!--T:168--> This is a quotation</q></syntaxhighlight> |
− | {{Note|1= |
+ | {{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><'''q'''></tvar> element]</ref>}} |
− | | <q |
+ | | <q><!--T:169--> This is a quotation</q> |
|- |
|- |
||
− | | |
+ | | <!--T:111--> Comment |
| <syntaxhighlight lang=html> |
| <syntaxhighlight lang=html> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:112--> |
<!--T:112--> |
||
<!-- This is a comment --> |
<!-- This is a comment --> |
||
Comments are visible only |
Comments are visible only |
||
in the edit zone. |
in the edit zone. |
||
+ | |||
− | </translate> |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
| |
| |
||
+ | |||
− | <translate> |
||
<!--T:113--> |
<!--T:113--> |
||
<!-- This is a comment --> |
<!-- This is a comment --> |
||
Comments are visible only |
Comments are visible only |
||
in the edit zone. |
in the edit zone. |
||
+ | |||
− | </translate> |
||
{{Table-AnchorRow|colspan=3|<pre>|.3Cpre.3E}} |
{{Table-AnchorRow|colspan=3|<pre>|.3Cpre.3E}} |
||
|- |
|- |
||
− | | |
+ | | <!--T:114--> Completely preformatted text |
| <syntaxhighlight lang="html"> |
| <syntaxhighlight lang="html"> |
||
<pre> |
<pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:115--> |
<!--T:115--> |
||
Text is '''preformatted''' and |
Text is '''preformatted''' and |
||
''markups'' '''''cannot''''' be done |
''markups'' '''''cannot''''' be done |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
---- |
---- |
||
− | {{note|1= |
+ | {{note|1=<!--T:116--> For marking up of preformatted text, check the "Preformatted text" entry at the end of the previous table.}} |
| |
| |
||
<pre> |
<pre> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:117--> |
<!--T:117--> |
||
Text is '''preformatted''' and |
Text is '''preformatted''' and |
||
''markups'' '''''cannot''''' be done |
''markups'' '''''cannot''''' be done |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
|- |
|- |
||
− | | |
+ | | <!--T:118--> '''Customized''' preformatted text |
| <syntaxhighlight lang="html"> |
| <syntaxhighlight lang="html"> |
||
<pre style="color: red"> |
<pre style="color: red"> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:119--> |
<!--T:119--> |
||
Text is '''preformatted''' |
Text is '''preformatted''' |
||
with a style and |
with a style and |
||
''markups'' '''''cannot''''' be done |
''markups'' '''''cannot''''' be done |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
</syntaxhighlight> |
</syntaxhighlight> |
||
---- |
---- |
||
− | {{note|1= |
+ | {{note|1=<!--T:120--> A CSS style can be named within the <code>style</code> attribute.}} |
| |
| |
||
<pre style="color: red"> |
<pre style="color: red"> |
||
+ | |||
− | <translate nowrap> |
||
<!--T:121--> |
<!--T:121--> |
||
Text is '''preformatted''' |
Text is '''preformatted''' |
||
with a style and |
with a style and |
||
''markups'' '''''cannot''''' be done |
''markups'' '''''cannot''''' be done |
||
+ | |||
− | </translate> |
||
</pre> |
</pre> |
||
|} |
|} |
||
+ | |||
− | <translate> |
||
<!--T:122--> |
<!--T:122--> |
||
− | continued: |
+ | continued: |
{| class="wikitable" | style="table-layout: fixed; width: 100%" |
{| class="wikitable" | style="table-layout: fixed; width: 100%" |
||
− | ! |
+ | ! <!--T:123--> Description |
− | ! width=40% | |
+ | ! width=40% | <!--T:124--> You type |
− | ! width=40% | |
+ | ! width=40% | <!--T:125--> 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 |
| <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. |
|
</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. |
|
</pre> |
</pre> |
||
|- |
|- |
||
− | | |
+ | | <!--T:126--> '''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. |
|
</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. |
|
</pre> |
</pre> |
||
|} |
|} |
||
+ | |||
− | <translate> |
||
== Inserting symbols == <!--T:132--> |
== Inserting symbols == <!--T:132--> |
||
Line 524: | Line 524: | ||
<!--T:166--> |
<!--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) '''&rarr;''' when inserted will be shown as <ins>right arrow</ins> HTML symbol → and '''&mdash;''' when inserted will be shown as an <ins>em dash</ins> HTML symbol —. |
+ | 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 <ins>right arrow</ins> HTML symbol → and '''&mdash;''' when inserted will be shown as an <ins>em dash</ins> HTML symbol —. |
---- |
---- |
||
− | {{note|1= |
+ | {{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.}} |
{| 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 |
|- |
|- |
||
| <span title="&Aacute;">Á</span> |
| <span title="&Aacute;">Á</span> |
||
Line 793: | Line 793: | ||
{| class="wikitable" |
{| class="wikitable" |
||
− | ! |
+ | ! <!--T:135--> Description |
− | ! width=40% | |
+ | ! width=40% | <!--T:136--> You type |
− | ! width=40% | |
+ | ! width=40% | <!--T:137--> You get |
|- |
|- |
||
− | | |
+ | | <!--T:138--> Copyright symbol |
|class=mw-code| &copy; |
|class=mw-code| &copy; |
||
| |
| |
||
:::'''©''' |
:::'''©''' |
||
|- |
|- |
||
− | | |
+ | | <!--T:139--> Greek delta letter symbol |
|class=mw-code|&delta; |
|class=mw-code|&delta; |
||
| |
| |
||
:::'''δ''' |
:::'''δ''' |
||
|- |
|- |
||
− | | |
+ | | <!--T:140--> Euro currency symbol |
|class=mw-code|&euro; |
|class=mw-code|&euro; |
||
| |
| |
||
:::'''€''' |
:::'''€''' |
||
|} |
|} |
||
+ | |||
− | <translate> |
||
<!--T:141--> |
<!--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>&רלמ;</code> and <code>&رلم;</code> which are both considered equivalent to <code>&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>&רלמ;</code> and <code>&رلم;</code> which are both considered equivalent to <code>&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) == <!--T:142--> |
||
+ | |||
− | </translate> |
||
:<syntaxhighlight lang=html inline>&euro;</syntaxhighlight> → '''&euro;''' |
:<syntaxhighlight lang=html inline>&euro;</syntaxhighlight> → '''&euro;''' |
||
− | :<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;" |
+ | :<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"><!--T:143--> Typo to be corrected</span></syntaxhighlight> <!-- |
− | --> → '''<span style="color: red; text-decoration: line-through;" |
+ | --> → '''<span style="color: red; text-decoration: line-through;"><!--T:144--> Typo to be corrected</span>''' |
+ | |||
+ | :<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"><!--T:156--> Typo to be corrected</span></syntaxhighlight> <!-- |
||
+ | --> → '''<span style="color: red; text-decoration: line-through;"><!--T:145--> Typo to be corrected</span>''' |
||
− | :<syntaxhighlight lang=html inline><span style="color: red; text-decoration: line-through;"><translate nowrap><!--T:156--> Typo to be corrected</translate></span></syntaxhighlight> <!-- |
||
− | --> → '''<span style="color: red; text-decoration: line-through;"><translate><!--T:145--> Typo to be corrected</translate></span>''' |
||
− | <translate> |
||
=== Nowiki for HTML === <!--T:146--> |
=== Nowiki for HTML === <!--T:146--> |
||
+ | |||
− | </translate> |
||
− | {{tag|nowiki|s}} |
+ | {{tag|nowiki|s}} <!--T:147--> can prohibit (HTML) tags: |
* <nowiki><<</nowiki>nowiki />pre> → <<nowiki/>pre> |
* <nowiki><<</nowiki>nowiki />pre> → <<nowiki/>pre> |
||
− | + | <!--T:148--> But ''not'' & symbol escapes: |
|
* &<<nowiki />nowiki />amp; → &<nowiki />amp; |
* &<<nowiki />nowiki />amp; → &<nowiki />amp; |
||
+ | |||
− | <translate> |
||
<!--T:149--> |
<!--T:149--> |
||
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>"). |
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>"). |
||
Line 841: | Line 841: | ||
<!--T:151--> |
<!--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: |
||
+ | |||
− | </translate> |
||
* {{ll|Help:Links|nsp=0}} |
* {{ll|Help:Links|nsp=0}} |
||
* {{ll|Help:Lists|nsp=0}} |
* {{ll|Help:Lists|nsp=0}} |
||
* {{ll|Help:Images|nsp=0}} |
* {{ll|Help:Images|nsp=0}} |
||
+ | |||
− | <translate> |
||
<!--T:173--> |
<!--T:173--> |
||
− | * LanguageConverter markup – see <tvar name=1>{{ll|Writing systems/Syntax}}</tvar |
+ | * LanguageConverter markup – see <tvar name=1>{{ll|Writing systems/Syntax}}</tvar> |
+ | |||
− | <translate> |
||
<!--T:158--> |
<!--T:158--> |
||
* References – see <tvar name=1>{{ll|Extension:Cite}}</tvar> |
* References – see <tvar name=1>{{ll|Extension:Cite}}</tvar> |
||
Line 858: | Line 858: | ||
== References == <!--T:175--> |
== References == <!--T:175--> |
||
+ | |||
− | </translate> |
||
<references /> |
<references /> |
||
Revision as of 16:39, 23 March 2022
<languages /> Template:PD Help Page
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 | ''<!--T:8--> italic'' |
italic |
Bold text | '''<!--T:11--> bold''' |
bold |
Bold and italic | '''''<!--T:14--> 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 == <!--T:26--> === Level 3 === <!--T:27--> ==== Level 4 ==== <!--T:28--> ===== Level 5 ===== <!--T:29--> ====== Level 6 ====== <!--T:30--> |
Level 2Level 3Level 4Level 5Level 6 |
Horizontal rule | <!--T:41--> Text before ---- <!--T:42--> Text after |
Text before Text after |
Bullet list |
<!--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. <!--T:160--> * combine bullet list ** with definition ::- definition ** creates empty space <!--T:161--> * combine bullet list ** with definition *:- definition ** without empty spaces <!--T:162--> *bullet list :- definition :* sublist that doesn't create empty :* spaces after definition |
Any other start ends the list.
|
Numbered list |
<!--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. <!--T:183--> <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. |
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 | <!--T:54--> ;item 1 : definition 1 ;item 2 : definition 2-1 : definition 2-2 |
|
Indent text | <!--T:57--> : Single indent :: Double indent ::::: Multiple indent |
|
Mixture of different types of list | <syntaxhighlight lang="html">
</syntaxhighlight> |
|
Preformatted text | <!--T:65--> Start each line with a space. <!--T:179--> Text is '''preformatted''' and <!--T:180--> ''markups'' '''''can''''' be done. |
Start each line with a space. Text is preformatted and markups can be done. |
Preformatted text blocks | <nowiki><!--T:69--> Start with a space in the first column, (before the <tvar name=1><nowiki></tvar>). <!--T:70--> Then your block format will be maintained. <!--T:170--> This is good for copying in code blocks: def function(): """<!--T:171--> 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 |
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 <tvar name=1>Template:Tag</tvar>.
HTML tags
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 |
---|---|---|
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>
or
</syntaxhighlight> |
or
|
Fixed width text | <syntaxhighlight lang=html> Source code </syntaxhighlight>
|
Source code
|
Blockquotes | <syntaxhighlight lang=html>
Text before
Text after </syntaxhighlight> |
Text before
Text after |
Quotes | <syntaxhighlight lang=html>This is a quotation</syntaxhighlight> |
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. |
Completely preformatted text | <syntaxhighlight lang="html">
<!--T:115--> Text is '''preformatted''' and ''markups'' '''''cannot''''' be done </syntaxhighlight> |
<!--T:117--> Text is '''preformatted''' and ''markups'' '''''cannot''''' be done |
Customized preformatted text | <syntaxhighlight lang="html">
<!--T:119--> Text is '''preformatted''' with a style and ''markups'' '''''cannot''''' be done </syntaxhighlight> |
<!--T:121--> 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>
<!--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. </syntaxhighlight> |
<!--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. |
Customized preformatted text with disabled text wrapping | <syntaxhighlight lang=html>
<!--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. </syntaxhighlight> |
<!--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. |
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) → when inserted will be shown as right arrow HTML symbol → and — when inserted will be shown as an em dash HTML symbol —.
Á | á | Â | â | ´ | Æ | æ | À | à | ℵ | Α | α | & | ∧ | ∠ | Å | å | ≈ | Ã | ã | Ä | ä | „ | Β | β | ¦ | • | ∩ | Ç | ç | ¸ | ¢ |
Χ | χ | ˆ | ♣ | ≅ | © | ↵ | ∪ | ¤ | † | ‡ | ↓ | ⇓ | ° | Δ | δ | ♦ | ÷ | É | é | Ê | ê | È | è | ∅ | Ε | ε | ≡ | Η | η | ||
Ð | ð | Ë | ë | € | ∃ | ƒ | ∀ | ½ | ¼ | ¾ | ⁄ | Γ | γ | ≥ | > | ↔ | ⇔ | ♥ | … | Í | í | Î | î | ¡ | Ì | ì | ℑ | ∞ | ∫ | Ι | ι |
¿ | ∈ | Ï | ï | Κ | κ | Λ | λ | ⟨ | « | ← | ⇐ | ⌈ | “ | ≤ | ⌊ | ∗ | ◊ | | ‹ | ‘ | < | ¯ | — | µ | · | − | Μ | μ | ∇ | – | |
≠ | ∋ | ¬ | ∉ | ⊄ | Ñ | ñ | Ν | ν | Ó | ó | Ô | ô | Œ | œ | Ò | ò | ‾ | Ω | ω | Ο | ο | ⊕ | ∨ | ª | º | Ø | ø | Õ | õ | ⊗ | Ö |
ö | ¶ | ∂ | ‰ | ⊥ | Φ | φ | Π | π | ϖ | ± | £ | ′ | ″ | ∏ | ∝ | Ψ | ψ | " | √ | ⟩ | » | → | ⇒ | ⌉ | ” | ℜ | ® | ⌋ | Ρ | ρ | |
› | ’ | ‚ | Š | š | ⋅ | § | | Σ | σ | ς | ∼ | ♠ | ⊂ | ⊆ | ∑ | ⊃ | ¹ | ² | ³ | ⊇ | ß | Τ | τ | ∴ | Θ | θ | ϑ | Þ | þ | ˜ | |
× | ™ | Ú | ú | ↑ | ⇑ | Û | û | Ù | ù | ¨ | ϒ | Υ | υ | Ü | ü | ℘ | Ξ | ξ | Ý | ý | ¥ | ÿ | Ÿ | Ζ | ζ | | |
Description | You type | You get |
---|---|---|
Copyright symbol | © |
|
Greek delta letter symbol | δ |
|
Euro currency symbol | € |
|
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 ‏
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>€</syntaxhighlight> → €
- <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"> </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]]