Basic Wiki Formatting

Jump to: navigation, search

[edit] Basic Wiki Formatting


Simple editing is one of the major benefits of using a wiki. Users can edit pages without knowing HTML, and still use many of the formatting features of HTML. Please feel free to experiment in the Sandbox.


[edit] Distinguishing or Defining Sections

To create a horizontal line to define sections, type 4 or more minus/dash/hyphen (-) characters. Please note that when using "Headline Size 1" and "Headline Size 2" section headers, the section is automatically defined with a horizontal line.


----


[edit] Text Formatting

Most text does not require any special changes for wiki form. A few basic rules are:

  • Do not indent paragraphs.
  • Leave a single blank line between paragraphs.
  • There is no need to encode HTML characters like <, >, or &.


To Bold Text

To '''Bold''' Text
To Italicize Text
To ''Italicize'' Text
To break two lines of Text.
Second line.
To break two lines of Text.<br>Second line.
To shrink Text.
To <small>shrink</small> Text.
To enlarge Text.
To <big>enlarge</big> Text.
To strike through text.
To strike through <s>text</s>.

You also have the option of highlighting text as follows:

To mark text as bold, italic or fixed-width, you can use the HTML <b>, <i> and code tags. For example:

Bold
<b> Bold </b>
Italic
<i> Italic </i>
Bold + Italic
<b> <i> Bold + Italic </i> </b>
Fixed-Width
<code>Fixed-Width</code>

When wishing to guarantee each character/letter space is equal in size, thus not proportional due to the size of the letter/character, you may wish to consider "Fixed-width".

Note that MediaWiki (like most Wikis) processes pages line-by-line, so if you want three bold lines of text, you will need to use three separate <b>...</b> tags. Also note that unclosed or unmatched tags are not removed from the page.


[edit] Section Headings

Headings are delimited by 1-6 equal signs (=). They basically correspond to HTML's <h1> through <h6> tags. Please type the corresponding titles with only the beginning letter of the word with a capital letter. Other than names of people, websites and songs..there are no exceptions to this! Each section heading comes equipped with its own edit tab to the right.

[edit] Headline size 1

[edit] Headline size 2

[edit] Headline size 3

[edit] Headline size 4

[edit] Headline size 5
[edit] Headline size 6
= Headline size 1 =
== Headline size 2 ==
=== Headline size 3 ===
==== Headline size 4 ====
===== Headline size 5 =====
====== Headline size 6 ======


[edit] Links

Links to local pages


Add a link to Local Wiki Page

[[Local Wiki Page]]
Add a link to Local Wiki Page with a display name
[[Local Wiki Page|display name]]

Links to external web sites


Add a link to [1]

[http://WikiIndex.org]
Add a link to WikiIndex with a display name
[http://WikiIndex.org WikiIndex]
Add a link to WikiIndex with a display name and no pointer
{{plainlink|[http://WikiIndex.org WikiIndex]}}
Using a local wiki-based picture to link to an external website.
[http://URL_of_External_WebSite http://URL_of_The_Image_On_The_Wiki.jpg]

[edit] Embedded Link

If you wish for a word or phrase to be hyperlinked to another site you can do so with the following syntax:

<span class="plainlinks">[http://url displayed verbiage to be hyperlinked]</span>


Click here to access the <span class="plainlinks">[http://icannwiki.org/ ICANNWiki]</span> site.

Looks like:

Click here to access the ICANNWiki site.

Please note, there is a required space between the URL and the verbiage to be hyperlinked. The verbiage to be hyperlinked can be more than one word.

[edit] Images

Add an image

[[Image:ICANNWiki_Logo.png]]

Resize image to 75 pixels wide

[[Image:ICANNWiki_Logo.png|75px]]

Add an image thumbnail and title
Title
Title
[[Image:ICANNWiki_Logo.png|75px|thumb|Title]]

Position an image left and wrap the text

[[Image:ICANNWiki_Logo.png|75px|left]]

Position an image right and wrap the text

[[Image:ICANNWiki_Logo.png|75px|right]]

Center an image and don't wrap text

[[Image:ICANNWiki_Logo.png|75px|center]]

Default left alignment and don't wrap text

[[Image:ICANNWiki_Logo.png|75px|none]]


Position an image right and clear the text to position below the image

[[Image:ICANNWiki_Logo.png|75px|right]]
{{Clear}}Text below the image

Detailed Help for Images
Wikipedia Picture Tutorial

[edit] Categories

Add a category to a page
[[Category:Category name]]
Display a category link on a page
[[:Category:Category name]]
Display a category link on a page with a display name
[[:Category:Category name|Display name]]


Detailed Help for Categories

[edit] Indented Text

Text to be indented (quote-block)
Text indented more
Text indented to third level
: Text to be indented (quote-block)
:: Text indented more
::: Text indented to third level

[edit] Lists

Simple lists


  • Text for a bulleted list item.
    • Text for second-level list.
      • Text for third level, etc.
* Text for a bulleted list item.
** Text for second-level list.
*** Text for third level, etc.

Numbered lists


  1. Text for a numbered list item.
    1. Text for second-level list.
      1. Text for third level, etc.
    2. Another Text for the second level.
# Text for a numbered list item.
## Text for second-level list.
### Text for third level, etc.
## Another Text for the second level.

Mixed lists


  • Create mixed lists
    1. and nest them
      • like this
        definitions
        work:
        apple
        banana
        fruits
    2. 2nd number level
* Create mixed lists
*# and nest them
*#* like this
*#*; definitions
*#*: work:
*#*; apple
*#*; banana
*#*: fruits
*# 2nd number level

Detailed Help for Lists

[edit] Tables

Table Title
header header 1 header 2 header 3
row 1 header row 1 cell 1 row 1 cell 2 row 1 cell 3
row 2 header row 2 cell 1 row 2 cell 2 row 2 cell 3
{| class="wikitable" border="1" cellpadding="3" cellspacing="1"
|+ Table Title
|-
! header
! header 1
! header 2
! header 3
|- Style="color: red; background: yellow"
! row 1 header
| row 1 cell 1
| row 1 cell 2
| row 1 cell 3
|-
! row 2 header
| row 2 cell 1
| Style="color: white; background: blue"|row 2 cell 2
| row 2 cell 3
|}

Having some trouble understanding how to make a table? Need more detailed information? In that case, visit this page.

[edit] Picture Gallery

Some people prefer having a corporate page whereby they include pictures of the organization's employees that link to their employees wiki pages.

<gallery>
Image:ChuckKisselburgPortrait.jpg|[[Chuck Kisselburg]]
Image:DanMendell.jpg|[[Dan Mendell]]
</gallery>


[edit] Having To Use HTML

Wiki code is not as robust as coding for straight HTML. If you find that your efforts require more sophistication derived from pure HTML coding, you will need to utilize "PassThru" tags.

Firstname*
Lastname*
<CSO_PassThru>
<tr><td><font color="Black">Firstname<font color="darkred"><sup>*</sup></font> 
</font></td>
<td><input type=text name="Firstname" size=20 maxlength=120></td></tr> 
<tr><td><font color="Black">Lastname<font color="darkred"><sup>*</sup></font> 
</font></td>
<td><input type=text name="Lastname" size=20 maxlength=120></td></tr>
</font></td></tr>
</form></table></td></tr></table>
</CSO_PassThru>

[edit] Table of Contents

The default for a wiki page is to have a table of contents at the top of the page. Should you NOT wish to have a table of contents, add the following code to either the end of your page, or the end of respective sections of your page.

__NOTOC__


[edit] No Editing Desired

The very nature of a wiki is for people to be able to edit the contents of a page, or a specific section of a page. However, due to the nature of content, such as information gather for specific programs, or corporate information, you may wish to have editing turned off. To ensure editing is turned off, enter the following code to the end of a specific page or section of a specific page:

__NOEDITSECTION__


[edit] Comment Tags

You may find that you wish to add comments to your wiki page that are visible only on the backend of your page, or page code, and not to the person reading your page. To "comment out", or make invisible, code or verbiage to the normal visitor to your page, use the common HTML tags associated with commenting out verbiage.

<!-- (begin comment tag)
-->  (end comment tag)

The following text is commented out on the back end, but not visible to the .

The following text is commented out on the back end,
but not visible to the <!-- typical reader-->.


ICANNwiki: An industry resource fostering global collaboration and transparency within the ICANN community

2007 Platinum Sponsors:

Skenzo
LogicBoxes

Gold Sponsors

silver Sponsors
Bronze Sponsors
Past Conferences
Paris
New Delhi
Los Angeles
San Juan
Lisboa