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

Version 17 Version 4
== Line 0 == == Line 1 ==
This page has now moved to: http://openguides.org/page/text_formatting
== 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.

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

----
=== Page, URL and Inter-Wiki Links ===

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>.

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.

==== Note ====

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.

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 [http://grault.net/grubstreet/ this fashion].

<code>&#91;http://grault.net/grubstreet/ this fashion]</code>

Inter-Wiki links: not yet implemented.

----

=== Bold and Italic Text ===

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:

* <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;</code> for '''''bold and italic.'''''

----
=== Headings ===

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

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

This is what's produced by the above:

= Heading 1 =
== Heading 2 ==
=== Heading 3 ===
==== Heading 4 ====
===== Heading 5 =====
====== Heading 6 ======

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:

= not a heading ==

----
=== Images ===

To display an image, use HTML IMG tags.

Please think carefully before displaying huge images on a
page.

----
=== Lists ===

'''Unordered Lists'''

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

This produces:
* First-level unordered list item
** Second-level unordered list item
*** Third-level unordered list item

As you can see this is not yet fully implemented.

'''Ordered Lists'''

Not yet implemented.

'''Definition Lists'''

Not yet implemented.

----
=== Indented Text ===

<code>&#58; Text to be indented (quote-block)</code><br>
<code>&#58;: Text indented more</code><br>
<code>&#58;:: Text indented to third level</code>

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

(Incompletely implemented.)

----
'''Preformatted Text'''

You can use the HTML &lt;pre&gt; tag to present preformatted text, as in the following.


<pre>
This is a chunk of
preformatted text. Lovely,
isn't it. Wiki links [[like this]] still work.
</pre>

----
=== Miscellaneous rules ===

See also: [[Using Images]].

== Line 2 == == Line 126 ==
edit_type='Normal edit'
category='Wiki Info'
== Line 5 ==
host='82.69.47.157'
== Line 7 ==
major_change='1'

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.

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


Page, URL and Inter-Wiki Links

You can link to a page by putting two square brackets around one or more words [[Like This]] or [[this]].

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, [[Text Formatting Examples | like this]], which is displayed like this. Note the | symbol between the page name and link text.

Note

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.

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.

[http://grault.net/grubstreet/ this fashion]

Inter-Wiki links: not yet implemented.


Bold and Italic Text

To mark text as bold or italic, you can use the HTML <b> and <i> tags if you wish (e.g. <b>bold</b>, <i>italic</i>, and <b><i>bold+italic</i></b>), or the traditional wiki method of text formatting:

  • ''Two single quotes'' for italics
  • '''Three single quotes''' for bold
  • '''''Five single quotes''''' for bold and italic.

Headings

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

= Heading 1 =
== Heading 2 ==
=== Heading 3 ===
==== Heading 4 ====
===== Heading 5 =====
====== Heading 6 ======

This is what's produced by the above:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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:

not a heading


Images

To display an image, use HTML IMG tags.

Please think carefully before displaying huge images on a page.


Lists

Unordered Lists

* First-level unordered list item
** Second-level unordered list item
*** Third-level unordered list item - etc.

This produces:

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

As you can see this is not yet fully implemented.

Ordered Lists

Not yet implemented.

Definition Lists

Not yet implemented.


Indented Text

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

This produces:

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

(Incompletely implemented.)


Preformatted Text

You can use the HTML <pre> tag to present preformatted text, as in the following.

This is a chunk of

preformatted text. Lovely,

isn't it. Wiki links like this still work.


Miscellaneous rules

See also: Using Images.


List all versions