Différences entre versions de « Help/Formatting »

De Rich Annotator System
Ligne 169 : Ligne 169 :
 
<blockquote>Blockquote</blockquote>
 
<blockquote>Blockquote</blockquote>
 
Text after
 
Text after
 +
|-
 +
| Superscript || <code><nowiki>1<sup>er</sup></nowiki></code> || 1<sup>er</sup>
 
|}
 
|}
 +
 +
====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|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) '''&amp;rarr;''' when inserted will be shown as ''right arrow'' HTML symbol &rarr; and '''&amp;mdash;''' when inserted will be shown as an ''em dash'' HTML symbol &mdash;. The entity '''&amp;nbsp;''' will produce a non breakable space, used in French typography.
 +
<div style="background:#f6efe5; border: 1px solid #ac6600; padding: 1em;">{{#far:bell}} 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.</div>
 +
{| class="wikitable" style="width:100%; text-align:center; font-weight:bold;"
 +
|+ HTML symbol entities
 +
|-
 +
| <span title="&amp;Aacute;">&Aacute;</span>
 +
| <span title="&amp;aacute;">&aacute;</span>
 +
| <span title="&amp;Acirc;">&Acirc;</span>
 +
| <span title="&amp;acirc;">&acirc;</span>
 +
| <span title="&amp;acute;">&acute;</span>
 +
| <span title="&amp;AElig;">&AElig;</span>
 +
| <span title="&amp;aelig;">&aelig;</span>
 +
| <span title="&amp;Agrave;">&Agrave;</span>
 +
| <span title="&amp;agrave;">&agrave;</span>
 +
| <span title="&amp;alefsym;">&alefsym;</span>
 +
| <span title="&amp;Alpha;">&Alpha;</span>
 +
| <span title="&amp;alpha;">&alpha;</span>
 +
| <span title="&amp;amp;">&amp;</span>
 +
| <span title="&amp;and;">&and;</span>
 +
| <span title="&amp;ang;">&ang;</span>
 +
| <span title="&amp;Aring;">&Aring;</span>
 +
| <span title="&amp;aring;">&aring;</span>
 +
| <span title="&amp;asymp;">&asymp;</span>
 +
| <span title="&amp;Atilde;">&Atilde;</span>
 +
| <span title="&amp;atilde;">&atilde;</span>
 +
| <span title="&amp;Auml;">&Auml;</span>
 +
| <span title="&amp;auml;">&auml;</span>
 +
| <span title="&amp;bdquo;">&bdquo;</span>
 +
| <span title="&amp;Beta;">&Beta;</span>
 +
| <span title="&amp;beta;">&beta;</span>
 +
| <span title="&amp;brvbar;">&brvbar;</span>
 +
| <span title="&amp;bull;">&bull;</span>
 +
| <span title="&amp;cap;">&cap;</span>
 +
| <span title="&amp;Ccedil;">&Ccedil;</span>
 +
| <span title="&amp;ccedil;">&ccedil;</span>
 +
| <span title="&amp;cedil;">&cedil;</span>
 +
| <span title="&amp;cent;">&cent;</span>
 +
|-
 +
| <span title="&amp;Chi;">&Chi;</span>
 +
| <span title="&amp;chi;">&chi;</span>
 +
| <span title="&amp;circ;">&circ;</span>
 +
| <span title="&amp;clubs;">&clubs;</span>
 +
| <span title="&amp;cong;">&cong;</span>
 +
| <span title="&amp;copy;">&copy;</span>
 +
| <span title="&amp;crarr;">&crarr;</span>
 +
| <span title="&amp;cup;">&cup;</span>
 +
| <span title="&amp;curren;">&curren;</span>
 +
| <span title="&amp;dagger;">&dagger;</span>
 +
| <span title="&amp;Dagger;">&Dagger;</span>
 +
| <span title="&amp;darr;">&darr;</span>
 +
| <span title="&amp;dArr;">&dArr;</span>
 +
| <span title="&amp;deg;">&deg;</span>
 +
| <span title="&amp;Delta;">&Delta;</span>
 +
| <span title="&amp;delta;">&delta;</span>
 +
| <span title="&amp;diams;">&diams;</span>
 +
| <span title="&amp;divide;">&divide;</span>
 +
| <span title="&amp;Eacute;">&Eacute;</span>
 +
| <span title="&amp;eacute;">&eacute;</span>
 +
| <span title="&amp;Ecirc;">&Ecirc;</span>
 +
| <span title="&amp;ecirc;">&ecirc;</span>
 +
| <span title="&amp;Egrave;">&Egrave;</span>
 +
| <span title="&amp;egrave;">&egrave;</span>
 +
| <span title="&amp;empty;">&empty;</span>
 +
| <span title="&amp;emsp;">&emsp;</span>
 +
| <span title="&amp;ensp;">&ensp;</span>
 +
| <span title="&amp;Epsilon;">&Epsilon;</span>
 +
| <span title="&amp;epsilon;">&epsilon;</span>
 +
| <span title="&amp;equiv;">&equiv;</span>
 +
| <span title="&amp;Eta;">&Eta;</span>
 +
| <span title="&amp;eta;">&eta;</span>
 +
|-
 +
| <span title="&amp;ETH;">&ETH;</span>
 +
| <span title="&amp;eth;">&eth;</span>
 +
| <span title="&amp;Euml;">&Euml;</span>
 +
| <span title="&amp;euml;">&euml;</span>
 +
| <span title="&amp;euro;">&euro;</span>
 +
| <span title="&amp;exist;">&exist;</span>
 +
| <span title="&amp;fnof;">&fnof;</span>
 +
| <span title="&amp;forall;">&forall;</span>
 +
| <span title="&amp;frac12;">&frac12;</span>
 +
| <span title="&amp;frac14;">&frac14;</span>
 +
| <span title="&amp;frac34;">&frac34;</span>
 +
| <span title="&amp;frasl;">&frasl;</span>
 +
| <span title="&amp;Gamma;">&Gamma;</span>
 +
| <span title="&amp;gamma;">&gamma;</span>
 +
| <span title="&amp;ge;">&ge;</span>
 +
| <span title="&amp;gt;">&gt;</span>
 +
| <span title="&amp;harr;">&harr;</span>
 +
| <span title="&amp;hArr;">&hArr;</span>
 +
| <span title="&amp;hearts;">&hearts;</span>
 +
| <span title="&amp;hellip;">&hellip;</span>
 +
| <span title="&amp;Iacute;">&Iacute;</span>
 +
| <span title="&amp;iacute;">&iacute;</span>
 +
| <span title="&amp;Icirc;">&Icirc;</span>
 +
| <span title="&amp;icirc;">&icirc;</span>
 +
| <span title="&amp;iexcl;">&iexcl;</span>
 +
| <span title="&amp;Igrave;">&Igrave;</span>
 +
| <span title="&amp;igrave;">&igrave;</span>
 +
| <span title="&amp;image;">&image;</span>
 +
| <span title="&amp;infin;">&infin;</span>
 +
| <span title="&amp;int;">&int;</span>
 +
| <span title="&amp;Iota;">&Iota;</span>
 +
| <span title="&amp;iota;">&iota;</span>
 +
|-
 +
| <span title="&amp;iquest;">&iquest;</span>
 +
| <span title="&amp;isin;">&isin;</span>
 +
| <span title="&amp;Iuml;">&Iuml;</span>
 +
| <span title="&amp;iuml;">&iuml;</span>
 +
| <span title="&amp;Kappa;">&Kappa;</span>
 +
| <span title="&amp;kappa;">&kappa;</span>
 +
| <span title="&amp;Lambda;">&Lambda;</span>
 +
| <span title="&amp;lambda;">&lambda;</span>
 +
| <span title="&amp;lang;">&lang;</span>
 +
| <span title="&amp;laquo;">&laquo;</span>
 +
| <span title="&amp;larr;">&larr;</span>
 +
| <span title="&amp;lArr;">&lArr;</span>
 +
| <span title="&amp;lceil;">&lceil;</span>
 +
| <span title="&amp;ldquo;">&ldquo;</span>
 +
| <span title="&amp;le;">&le;</span>
 +
| <span title="&amp;lfloor;">&lfloor;</span>
 +
| <span title="&amp;lowast;">&lowast;</span>
 +
| <span title="&amp;loz;">&loz;</span>
 +
| <span title="&amp;lrm;">&lrm;</span>
 +
| <span title="&amp;lsaquo;">&lsaquo;</span>
 +
| <span title="&amp;lsquo;">&lsquo;</span>
 +
| <span title="&amp;lt;">&lt;</span>
 +
| <span title="&amp;macr;">&macr;</span>
 +
| <span title="&amp;mdash;">&mdash;</span>
 +
| <span title="&amp;micro;">&micro;</span>
 +
| <span title="&amp;middot;">&middot;</span>
 +
| <span title="&amp;minus;">&minus;</span>
 +
| <span title="&amp;Mu;">&Mu;</span>
 +
| <span title="&amp;mu;">&mu;</span>
 +
| <span title="&amp;nabla;">&nabla;</span>
 +
| <span title="&amp;nbsp;">&nbsp;</span>
 +
| <span title="&amp;ndash;">&ndash;</span>
 +
|-
 +
| <span title="&amp;ne;">&ne;</span>
 +
| <span title="&amp;ni;">&ni;</span>
 +
| <span title="&amp;not;">&not;</span>
 +
| <span title="&amp;notin;">&notin;</span>
 +
| <span title="&amp;nsub;">&nsub;</span>
 +
| <span title="&amp;Ntilde;">&Ntilde;</span>
 +
| <span title="&amp;ntilde;">&ntilde;</span>
 +
| <span title="&amp;Nu;">&Nu;</span>
 +
| <span title="&amp;nu;">&nu;</span>
 +
| <span title="&amp;Oacute;">&Oacute;</span>
 +
| <span title="&amp;oacute;">&oacute;</span>
 +
| <span title="&amp;Ocirc;">&Ocirc;</span>
 +
| <span title="&amp;ocirc;">&ocirc;</span>
 +
| <span title="&amp;OElig;">&OElig;</span>
 +
| <span title="&amp;oelig;">&oelig;</span>
 +
| <span title="&amp;Ograve;">&Ograve;</span>
 +
| <span title="&amp;ograve;">&ograve;</span>
 +
| <span title="&amp;oline;">&oline;</span>
 +
| <span title="&amp;Omega;">&Omega;</span>
 +
| <span title="&amp;omega;">&omega;</span>
 +
| <span title="&amp;Omicron;">&Omicron;</span>
 +
| <span title="&amp;omicron;">&omicron;</span>
 +
| <span title="&amp;oplus;">&oplus;</span>
 +
| <span title="&amp;or;">&or;</span>
 +
| <span title="&amp;ordf;">&ordf;</span>
 +
| <span title="&amp;ordm;">&ordm;</span>
 +
| <span title="&amp;Oslash;">&Oslash;</span>
 +
| <span title="&amp;oslash;">&oslash;</span>
 +
| <span title="&amp;Otilde;">&Otilde;</span>
 +
| <span title="&amp;otilde;">&otilde;</span>
 +
| <span title="&amp;otimes;">&otimes;</span>
 +
| <span title="&amp;Ouml;">&Ouml;</span>
 +
|-
 +
| <span title="&amp;ouml;">&ouml;</span>
 +
| <span title="&amp;para;">&para;</span>
 +
| <span title="&amp;part;">&part;</span>
 +
| <span title="&amp;permil;">&permil;</span>
 +
| <span title="&amp;perp;">&perp;</span>
 +
| <span title="&amp;Phi;">&Phi;</span>
 +
| <span title="&amp;phi;">&phi;</span>
 +
| <span title="&amp;Pi;">&Pi;</span>
 +
| <span title="&amp;pi;">&pi;</span>
 +
| <span title="&amp;piv;">&piv;</span>
 +
| <span title="&amp;plusmn;">&plusmn;</span>
 +
| <span title="&amp;pound;">&pound;</span>
 +
| <span title="&amp;prime;">&prime;</span>
 +
| <span title="&amp;Prime;">&Prime;</span>
 +
| <span title="&amp;prod;">&prod;</span>
 +
| <span title="&amp;prop;">&prop;</span>
 +
| <span title="&amp;Psi;">&Psi;</span>
 +
| <span title="&amp;psi;">&psi;</span>
 +
| <span title="&amp;quot;">&quot;</span>
 +
| <span title="&amp;radic;">&radic;</span>
 +
| <span title="&amp;rang;">&rang;</span>
 +
| <span title="&amp;raquo;">&raquo;</span>
 +
| <span title="&amp;rarr;">&rarr;</span>
 +
| <span title="&amp;rArr;">&rArr;</span>
 +
| <span title="&amp;rceil;">&rceil;</span>
 +
| <span title="&amp;rdquo;">&rdquo;</span>
 +
| <span title="&amp;real;">&real;</span>
 +
| <span title="&amp;reg;">&reg;</span>
 +
| <span title="&amp;rfloor;">&rfloor;</span>
 +
| <span title="&amp;Rho;">&Rho;</span>
 +
| <span title="&amp;rho;">&rho;</span>
 +
| <span title="&amp;rlm;">&rlm;</span>
 +
|-
 +
| <span title="&amp;rsaquo;">&rsaquo;</span>
 +
| <span title="&amp;rsquo;">&rsquo;</span>
 +
| <span title="&amp;sbquo;">&sbquo;</span>
 +
| <span title="&amp;Scaron;">&Scaron;</span>
 +
| <span title="&amp;scaron;">&scaron;</span>
 +
| <span title="&amp;sdot;">&sdot;</span>
 +
| <span title="&amp;sect;">&sect;</span>
 +
| <span title="&amp;shy;">&shy;</span>
 +
| <span title="&amp;Sigma;">&Sigma;</span>
 +
| <span title="&amp;sigma;">&sigma;</span>
 +
| <span title="&amp;sigmaf;">&sigmaf;</span>
 +
| <span title="&amp;sim;">&sim;</span>
 +
| <span title="&amp;spades;">&spades;</span>
 +
| <span title="&amp;sub;">&sub;</span>
 +
| <span title="&amp;sube;">&sube;</span>
 +
| <span title="&amp;sum;">&sum;</span>
 +
| <span title="&amp;sup;">&sup;</span>
 +
| <span title="&amp;sup1;">&sup1;</span>
 +
| <span title="&amp;sup2;">&sup2;</span>
 +
| <span title="&amp;sup3;">&sup3;</span>
 +
| <span title="&amp;supe;">&supe;</span>
 +
| <span title="&amp;szlig;">&szlig;</span>
 +
| <span title="&amp;Tau;">&Tau;</span>
 +
| <span title="&amp;tau;">&tau;</span>
 +
| <span title="&amp;there4;">&there4;</span>
 +
| <span title="&amp;Theta;">&Theta;</span>
 +
| <span title="&amp;theta;">&theta;</span>
 +
| <span title="&amp;thetasym;">&thetasym;</span>
 +
| <span title="&amp;thinsp;">&thinsp;</span>
 +
| <span title="&amp;THORN;">&THORN;</span>
 +
| <span title="&amp;thorn;">&thorn;</span>
 +
| <span title="&amp;tilde;">&tilde;</span>
 +
|-
 +
| <span title="&amp;times;">&times;</span>
 +
| <span title="&amp;trade;">&trade;</span>
 +
| <span title="&amp;Uacute;">&Uacute;</span>
 +
| <span title="&amp;uacute;">&uacute;</span>
 +
| <span title="&amp;uarr;">&uarr;</span>
 +
| <span title="&amp;uArr;">&uArr;</span>
 +
| <span title="&amp;Ucirc;">&Ucirc;</span>
 +
| <span title="&amp;ucirc;">&ucirc;</span>
 +
| <span title="&amp;Ugrave;">&Ugrave;</span>
 +
| <span title="&amp;ugrave;">&ugrave;</span>
 +
| <span title="&amp;uml;">&uml;</span>
 +
| <span title="&amp;upsih;">&upsih;</span>
 +
| <span title="&amp;Upsilon;">&Upsilon;</span>
 +
| <span title="&amp;upsilon;">&upsilon;</span>
 +
| <span title="&amp;Uuml;">&Uuml;</span>
 +
| <span title="&amp;uuml;">&uuml;</span>
 +
| <span title="&amp;weierp;">&weierp;</span>
 +
| <span title="&amp;Xi;">&Xi;</span>
 +
| <span title="&amp;xi;">&xi;</span>
 +
| <span title="&amp;Yacute;">&Yacute;</span>
 +
| <span title="&amp;yacute;">&yacute;</span>
 +
| <span title="&amp;yen;">&yen;</span>
 +
| <span title="&amp;yuml;">&yuml;</span>
 +
| <span title="&amp;Yuml;">&Yuml;</span>
 +
| <span title="&amp;Zeta;">&Zeta;</span>
 +
| <span title="&amp;zeta;">&zeta;</span>
 +
| <span title="&amp;zwj;">&zwj;</span>
 +
| <span title="&amp;zwnj;">&zwnj;</span>
 +
|}
 +
{| class="wikitable" style="text-align:left;"
 +
! Description !! You type !! You get
 +
|-
 +
| Guillemets with non breakable spaces || &amp;laquo;&amp;nbsp;Text&amp;nbsp;&amp;raquo; || &laquo;&nbsp;Text&nbsp;&raquo;
 +
|-
 +
| Copyright symbol || &amp;copy; || &copy;
 +
|-
 +
| Euro currency symbol || &amp;euro; || &euro;
 +
|}
 +
  
 
===<span id="VisualEditor"></span>Visual Editor===
 
===<span id="VisualEditor"></span>Visual Editor===

Version du 25 octobre 2020 à 12:46

You can format your text by using wiki markup or the visual editor.

Wiki markup

Wiki markup 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

Character (inline) formatting – applies anywhere

Description You type You get
Italic text ''italic'' italic
Bold text '''bold''' bold
Bold and italic '''''bold & italic''''' bold & italic
Escape wiki markup <nowiki>no [[wiki]] ''markup''</nowiki> no [[wiki]] ''markup''

Section formatting

Only at the beginning of the line

Description You type You get
Section Headings of different levels
== Level 2 ==
=== Level 3 ===
==== Level 4 ====
===== Level 5 =====
====== Level 6 ======
Skip Level 1, it is page name level.
Do not put any text on the same line after the ending equal signs.
An article with 4 or more headings automatically creates a table of contents.
Levels.png
Horizontal rule
Text before
---
Text after
Text before
Text after
Bullet list
* Start each line
* with an 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 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.
  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.

Definition list
;item 1
: definition 1
;item 2
: definition 2-1
: definition 2-2
item 1
definition 1
item 2
definition 2-1
definition 2-2
Mixture of different types of list
# 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 <br />
# five
## five sub 1
### five sub 1 sub 1
## five sub 2
  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

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>, and <span>. These apply anywhere you insert them.

Description You type You get
Inserted (Displays as underline in most browsers)
<ins>Inserted</ins>
or
<u>Underline</u>
Inserted
or
Underline
Deleted (Displays as strike-through in most browsers)
<s>Strike-through</s>
or
<del>Deleted</del>
Strike-through
or
Deleted
Blockquotes
Text before
<blockquote>Blockquote</blockquote>
Text after
Text before

Blockquote

Text after

Superscript 1<sup>er</sup> 1er

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 —. The entity &nbsp; will produce a non breakable space, used in French typography.

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.
HTML symbol entities
Á á Â â ´ Æ æ À à Α α & Å å Ã ã Ä ä Β β ¦ Ç ç ¸ ¢
Χ χ ˆ © ¤ ° Δ δ ÷ É é Ê ê È è Ε ε Η η
Ð ð Ë ë ƒ ½ ¼ ¾ Γ γ > Í í Î î ¡ Ì ì Ι ι
¿ Ï ï Κ κ Λ λ « < ¯ µ · Μ μ  
¬ Ñ ñ Ν ν Ó ó Ô ô Œ œ Ò ò Ω ω Ο ο ª º Ø ø Õ õ Ö
ö Φ φ Π π ϖ ± £ Ψ ψ " » ® Ρ ρ
Š š § ­ Σ σ ς ¹ ² ³ ß Τ τ Θ θ ϑ Þ þ ˜
× Ú ú Û û Ù ù ¨ ϒ Υ υ Ü ü Ξ ξ Ý ý ¥ ÿ Ÿ Ζ ζ
Description You type You get
Guillemets with non breakable spaces &laquo;&nbsp;Text&nbsp;&raquo; « Text »
Copyright symbol &copy; ©
Euro currency symbol &euro;


Visual Editor

Back to contents