The Open Guide to London: the free London guide - Differences between Version 2 and Version 1 of Text Formatting Examples

Version 2 Version 1
== Line 9 == == Line 9 ==
text might look like this.
text might look like this.
== Line 12 == == Line 12 ==
<code>----</code>
<code><nowiki>----</nowiki></code>
== Line 17 == == Line 17 ==
You can link to a page by putting two square brackets around one or more words <code>&#91;&#91;Like This]]</code> or <code>&#91;&#91;this]]</code>.
You can link to a page by putting two square brackets around one or more words <code><nowiki>[[Like This]]</nowiki></code> or <code><nowiki>[[this]]</nowiki></code>.
== Line 19 == == Line 19 ==
Non-existing pages, like [[Demo Link Please Don't Actually Create This]], will be displayed with a question-mark for a link. The question mark link indicates the page doesn't exist yet - follow the link to create and edit the page. When the page exists, a link to it will be displayed like this: [[Text Formatting Examples]]. You can also give the link a title, <code>&#91;&#91;Text Formatting Examples | like this]]</code>, which is displayed [[Text Formatting Examples | like this]]. Note the | symbol between the page name and link text.
Non-existing pages, like [[Demo Link Please Don't Actually Create This]], will be displayed with a question-mark for a link. The question mark link indicates the page doesn't exist yet - follow the link to create and edit the page. When the page exists, a link to it will be displayed like this: [[Text Formatting Examples]]. You can also give the link a title, <code><nowiki>[[Text Formatting Examples | like this]]</nowiki></code>, which is displayed [[Text Formatting Examples | like this]]. Note the | symbol between the page name and link text.
== Line 21 == == Line 21 ==
==== Note ====
'''Important note'''<br>
The old-fashioned way of naming wiki pages was to <nowiki>SmushCapitalisedWordsTogetherLikeThis</nowiki>.
This method is strongly discouraged here on grubstreet; in fact, we don't allow it, since it's ugly and causes problems. However, the wiki software will still attempt to make links out of bicapitalised words like <nowiki>McDonald</nowiki>. Therefore, you should use the <nowiki><nowiki></nowiki> tag for words like this. See the note at the bottom of this page.
== Line 23 ==
The old-fashioned way of naming wiki pages was to SmushCapitalisedWordsTogetherLikeThis. This method is strongly discouraged here on grubstreet; in fact, we've turned it off since it's ugly.

== Line 27 == == Line 26 ==
<code>&#91;http://grault.net/grubstreet/ this fashion]</code>
<code><nowiki>[http://grault.net/grubstreet/ this fashion]</nowiki></code>
== Line 29 == == Line 28 ==
Inter-Wiki links: not yet implemented.
Inter-Wiki links: please see InterWiki.
== Line 32 ==

== Line 35 == == Line 33 ==
To mark text as '''bold''' or ''italic'', you can use the HTML &lt;b&gt; and &lt;i&gt; tags if you wish (e.g. <code>&lt;b&gt;bold&lt;/b&gt;, &lt;i&gt;italic&lt;/i&gt;, and &lt;b&gt;&lt;i&gt;bold+italic&lt;/i&gt;&lt;/b&gt;</code>), or the traditional wiki method of text formatting:
To mark text as '''bold''' or ''italic'', you can use the HTML <nowiki><b></nowiki> and <nowiki><i></nowiki> tags if you wish (e.g. <code><nowiki><b>bold</b>, <i>italic</i>, and <b><i>bold+italic</i></b></nowiki></code>), or the traditional wiki method of text formatting, which is probably quicker.
== Line 37 == == Line 35 ==
* <code>&#39;&#39;Two single quotes&#39;&#39;</code> for ''italics''
* <code>&#39;&#39;&#39;Three single quotes&#39;&#39;&#39;</code> for '''bold'''
* <code>&#39;&#39;&#39;&#39;&#39;Five single quotes&#39;&#39;&#39;&#39;&#39;</nowiki></code> for '''''bold and italic.'''''
* <code><nowiki>''Two single quotes''</nowiki></code> for ''italics''
* <code><nowiki>'''Three single quotes'''</nowiki></code> for '''bold'''
* <code><nowiki>'''''Five single quotes'''''</nowiki></code> for '''''bold and italic.'''''
== Line 46 == == Line 44 ==
<code>&#61; Heading 1 =</code><br>
<code>&#61;= Heading 2 ==</code><br>
<code>&#61;== Heading 3 ===</code><br>
<code>&#61;=== Heading 4 ====</code><br>
<code>&#61;==== Heading 5 =====</code><br>
<code>&#61;===== Heading 6 ======</code><br>
<code><nowiki>= Heading 1 =</nowiki></code><br>
<code><nowiki>== Heading 2 ==</nowiki></code><br>
<code><nowiki>=== Heading 3 ===</nowiki></code><br>
<code><nowiki>==== Heading 4 ====</nowiki></code><br>
<code><nowiki>===== Heading 5 =====</nowiki></code><br>
<code><nowiki>====== Heading 6 ======</nowiki></code><br>
<code><nowiki>======= Heading 7 =======</nowiki></code
>
== Line 60 ==
======= Heading 7 =======
== Line 62 == == Line 62 ==
Note those spaces between the equals signs and the text of the heading! It won't work otherwise. It also won't work if your numbers of equals signs are unbalanced:
Note those spaces between the equals signs and the text of the heading! It won't work otherwise.
== Line 64 ==
= not a heading ==

== Line 69 == == Line 67 ==
To display an image, use HTML IMG tags.
To display an image, insert the URL of the image. It will be displayed, like the following.
== Line 71 == == Line 69 ==
Please think carefully before displaying huge images on a page.
http://grault.net/grubstreet/grubstreet.gif
== Line 71 ==
That's as much control as you can get over the image - there or not there. So please think carefully before displaying huge images on a page.

== Line 78 == == Line 78 ==
<code>&#42; First-level unordered list item</code><br>
<code>&#42;&#42; Second-level unordered list item</code><br>
<code>&#42;&#42;&#42; Third-level unordered list item - etc.</code>
<code><nowiki>* First-level unordered list item</nowiki></code><br>
<code><nowiki>** Second-level unordered list item</nowiki></code><br>
<code><nowiki>*** Third-level unordered list item - etc.</nowiki></code>
== Line 86 ==

As you can see this is not yet fully implemented.

How to style your text

Plain Text

This is a simple sample paragraph. Paragraphs can have line breaks internally. To separate paragraphs, use a blank line.

Here is another paragraph.

Do not indent paragraphs, or your

text might look like this.

To create a horizontal line, type 4 or more minus/dash/hyphen (-) characters, like this: <nowiki>----</nowiki>


Page, URL and Inter-Wiki Links

You can link to a page by putting two square brackets around one or more words <nowiki>Like This</nowiki> or <nowiki>this</nowiki>.

Non-existing pages, like Demo Link Please Don't Actually Create This, will be displayed with a question-mark for a link. The question mark link indicates the page doesn't exist yet - follow the link to create and edit the page. When the page exists, a link to it will be displayed like this: Text Formatting Examples. You can also give the link a title, <nowiki>like this</nowiki>, which is displayed like this. Note the | symbol between the page name and link text.

Important note
The old-fashioned way of naming wiki pages was to <nowiki>SmushCapitalisedWordsTogetherLikeThis</nowiki>. This method is strongly discouraged here on grubstreet; in fact, we don't allow it, since it's ugly and causes problems. However, the wiki software will still attempt to make links out of bicapitalised words like <nowiki>McDonald</nowiki>. Therefore, you should use the <nowiki><nowiki></nowiki> tag for words like this. See the note at the bottom of this page.

You can make a link to another page by just typing the URL, e.g. http://grault.net/grubstreet/ . If you want, you can give the link some title text in this fashion.

<nowiki>this fashion</nowiki>

Inter-Wiki links: please see InterWiki.


Bold and Italic Text

To mark text as bold or italic, you can use the HTML <nowiki></nowiki> and <nowiki></nowiki> tags if you wish (e.g. <nowiki>bold, italic, and bold+italic</nowiki>), or the traditional wiki method of text formatting, which is probably quicker.

  • <nowiki>Two single quotes</nowiki> for italics
  • <nowiki>Three single quotes</nowiki> for bold
  • <nowiki>Five single quotes</nowiki> for bold and italic.

Headings

Much as apostrophes are used to denote bold and italic, equals signs are used to denote headings. Thus:

<nowiki>= Heading 1 =</nowiki>
<nowiki>== Heading 2 ==</nowiki>
<nowiki>=== Heading 3 ===</nowiki>
<nowiki>==== Heading 4 ====</nowiki>
<nowiki>===== Heading 5 =====</nowiki>
<nowiki>====== Heading 6 ======</nowiki>
<nowiki>======= Heading 7 =======</nowiki>

This is what's produced by the above:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading 7

Note those spaces between the equals signs and the text of the heading! It won't work otherwise.


Images

To display an image, insert the URL of the image. It will be displayed, like the following.

http://grault.net/grubstreet/grubstreet.gif

That's as much control as you can get over the image - there or not there. So please think carefully before displaying huge images on a page.


Lists

Unordered Lists

<nowiki>* First-level unordered list item</nowiki>
<nowiki>** Second-level unordered list item</nowiki>
<nowiki>*** Third-level unordered list item - etc.</nowiki>

This produces:

  • First-level unordered list item
    • Second-level unordered list item
    • * Third-level unordered list item

Ordered Lists

<nowiki># Ordered list item</nowiki>
<nowiki>## Second-level ordered list item</nowiki>
<nowiki>### Third-level ordered list item</nowiki>
<nowiki>### Second item of the same level gets an incremented number</nowiki>
<nowiki>*** You can shift back to bullets if you need to</nowiki>

This produces: # Ordered list item ## Second-level ordered list item ### Third-level ordered list item ### Second item of the same level gets an incremented number

  • * You can shift back to bullets if you need to

Definition Lists

<nowiki>;Term:Definition (indented)</nowiki>
<nowiki>;;Term (indented):Definition (indented two levels)</nowiki>
<nowiki>;;;Term (indented twice):Definition (indented to third level)</nowiki>

This produces: ;Term:Definition (indented) ;;Term (indented):Definition (indented two levels) ;;;Term (indented twice):Definition (indented to third level)


Indented Text

<nowiki>: Text to be indented (quote-block)</nowiki>
<nowiki>:: Text indented more</nowiki>
<nowiki>::: Text indented to third level</nowiki>

This produces:

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

Preformatted Text

You can use the HTML <nowiki>

</nowiki> tag to present preformatted text, as in the following.

This is a chunk of

preformatted text. Lovely,

isn't it. Wiki links like this won't work in this kind of preformatted text.

You can also use spaces at the beginning of lines, like this.

This is the starting-spaces version of
preformatted text. Note that wiki links like
Text Formatting Examples do work here.

Miscellaneous rules

;<nowiki><nowiki></nowiki>:The nowiki tag will stop the wiki processing any tags or wiki names. For example, on this page in all the places where HTML tags are mentioned by name, they're nowiki'ed, otherwise they wouldn't be displayed. Click the editing link below to see examples in context. ;[backslash]:Text on multiple lines with a <nowiki>\</nowiki> at the end of each line will be joined to form a single line. Example:

<nowiki>This \</nowiki>
<nowiki>is \</nowiki>
<nowiki>four \</nowiki>
<nowiki>lines.</nowiki>

produces:

This \ is \ four \ lines.

See also: Using Images.



List all versions