Table of Contents:
- More Text Stuff
- Paragraphs
- Indenting
- Preformatted
- Style
- Images
- Tables
- More Hyperlinks
- Anchors
- InterWiki Links
- Lists
- Comments
- Additional References
Paragraphs
- Lists automatically make up a new paragraph.
- Every block of text (without empty lines) will form a paragraph.
- Right align text by preceding the line with two greater-than signs (>>).
- Center text by preceding the line with two back-wacks (\\).
This is right aligned text. Another right line.
Centered text. Another, just for good measure.
Indenting Text
Use spaces or tabs at the beginning of a line:
Three or more spaces at the beginning of a line will indent it.
One tab has the width of eight spaces, but it is difficult to enter a tab
using most browsers (µµOption-Tab works on my Mac & Safariµµ)
Change indentation level by using more or less spaces at the line beginning, this is hopefully an intuitive method of indentation.
Some older browsers may not support the style sheets used by this indentation scheme.
Pre-Formatted Text
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
/ \
/ If you wish text to appear in a mono-spaced font with \
\ no browser formatting, then start that paragraph using /
\ the starting code "<pre>" at the line start. End that /
\ paragraph using the ending code "</pre>" at the front /
\ of the following line. This is similar to the HTML /
\ tag of the same name. Please note that "<pre>" /
\ and "</pre>" must be written in all lowercase. /
\ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _/
Text Style
- Superscript text by surrounding it with double carrets (^^)
- The text styles can be combined. For example:
Bold and Italic, Big,Bold,Monospaced, µµSmall, superscript, italicsµµ
Images
Images can be inlined into a page using square brackets around the absolute web address of the image file, like [http://www/image.png].
To have text flow around to the right of an image, put a space between the image url and the closing bracket: [http://example.com/image.png ]
To have text flow around to the left of an image, put a space between the image url and the opening bracket: [ http://example.com/image.png]
To center an image put a space both before and after the image url: [ http://example.com/image.png ]. This may not work in some browsers.
Specify an image's size by appending it to the url:
[http://www.example.com/image.png?x=200&y=100] [http://www.example.com/image.png?width=200&height=100]
Over the years, browsers have gotten better at placing images within and around text. However, the best solutions still use tables. See WikiTableMarkup?.
Tables
Tables have their own page dedicated to their markup.
See WikiTableMarkup?.
More Hyperlinks
Anchors
Instead of loading a different page, Anchors are hyperlinks that reference places on the same page. Clicking an Anchor-Link will scroll the page to the matching Anchor-Point. Anchors are useful on large pages to move quickly around the page. They are commonly seen in a table of contents. The contents table at the top of this page uses anchor-links and every heading on this page has an anchor-point.
To create an Anchor-Link (the visible link that is clicked on):
[#AnchorName "Optional Title"]
To create an Anchor-Point (the invisible mark where the above link will scroll to):
#[AnchorName]
To send the user to an Anchor-Point on a different page:
[OtherPage#AnchorName "Optional Title"]
InterWiki:Links
There are many other WikiWikiWebs out there and a standard has been developed to create hyperlinks between them. See WikiWikiWeb for a list of supported external wiki names.
[ExternalWikiName:PageName]
Some examples:
Lists
- An asterisk (*) at the beginning of a line creates a circle bullet.
- A hash mark (#) creates a numbered line.
- A dash or minus character (-) creates a square bullet.
Definition lists can be created using :: (colon-colon) or ;: (semicolon-colon) at the line start or in a sublist:
;definition: explanation
:anotherdef: another description
**;Indented Def: Indented Description
- definition
- explanation
- anotherdef
- another description
- Indented Def
- Indented Description
Comments
Comments can be inserted using a <!-- at a line start, but don't add the --> as you would in HTML. Comments can be used to hide information inside a page without it being shown when anyone views it. However, if someone edits the page or views the HTML source, the comment can be seen.
See also:
- WikiMarkup - More basic rules.
- WikiTableMarkup? - Rules for creating tables.
- GoodStyle - Guidelines for writing Wiki pages.
- SandBox - A place to practice using these markups.
- Source of Any Page - Click the EditThisPage link near the bottom of any page.
|