Help:Formatting

From Avon Lake Wiki
Jump to: navigation, search

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.

Text formatting markup

Paragraphs

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

HTML tags

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

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
Escape wiki markup
no ''markup
no ''markup''
Section formatting – only at the beginning of the line
Headings of different levels
== Level 2 ==

=== Level 3 ===

==== Level 4 ====

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

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

Note:
Level 1 is skipped because it’s the page name level.

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 asterisk (*).
** More asterisks give deeper
*** and deeper levels.
* Line breaks <br />don't break levels.
*** But jumping levels creates empty space. 
  • 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.
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.
  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.
Definition list
;item 1
: definition 1
;item 2
: definition 1
: definition 2
item 1
definition 1
item 2
definition 1
definition 2
Indent text
: Single indent
:: Double indent
::: Triple indent
Single indent
Double indent
Triple indent
Mixture of different types of lists
# one
# two
#* two point one
#* two point two
# three
#; three item one
#: three def one
# four
#: four def one
# 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
  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.

Note: This way of preformatting only applies to section formatting. Character formatting markups are still effective.

Start each line with a space.
Text is preformatted and
markups can be done.
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 strikethrough in most browsers)
<s>Struck out</s>

or

<del>Deleted</del>

Struck out

or

Deleted

Fixed width text
<code>Source code</code>

or

<tt>Fixed width text</tt>
Source code

or

Fixed width text

Blockquotes
Text before
<blockquote>Blockquote</blockquote>
Text after
Text before

Blockquote

Text after

Comment
<!-- This is a comment -->
Comments are visible only in the edit zone.

Comments are visible only in the edit zone.

Completely preformatted text
<pre>Text is '''preformatted''' and ''markups'' '''''cannot''''' be done</pre>
Text is '''preformatted''' and ''markups'' '''''cannot''''' be done
Customized preformatted text
<pre style="color: red">Text is '''preformatted''' with a style and ''markups'' '''''cannot''''' be done</pre>
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
<pre>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>
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
<pre style="white-space: pre;">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>
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.
You can also use special sequences of characters. Those sequences are called HTML entities. For example, the following sequence (entity) &rarr; when inserted will be shown as the HTML symbol → and &mdash; when inserted will be shown as the em dash HTML symbol —.


See the list of all HTML entities on the wikipedia article.

Other formatting

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