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

Version 17	Version 13
== 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. To create a horizontal line, type 4 or more minus/dash/hyphen (-) characters, like this: <code>----</code> ---- === Hyperlinks === You can link to a page by putting two square brackets around one or more words <code>[[Like This]]</code> or <code>[[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>[[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 on the Guide; 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://openguides.org/london/ . If you want, you can give the link some title text in [http://london.openguides.org/ this fashion]: <code>[http://london.openguides.org/ this fashion]</code> ---- === 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. <code><b>bold</b>, <i>italic</i>, and <b><i>bold+italic</i></b></code>), or the traditional wiki method of text formatting: * <code>''Two single quotes''</code> for ''italics'' * <code>'''Three single quotes'''</code> for '''bold''' * <code>'''''Five single quotes'''''</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>= Heading 1 =</code><br> <code>== Heading 2 ==</code><br> <code>=== Heading 3 ===</code><br> <code>==== Heading 4 ====</code><br> <code>===== Heading 5 =====</code><br> <code>====== 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. Also, if your numbers of equals signs are unbalanced it either won't work or won't work like you expected, so be careful. ---- === Images === To display an image, use HTML IMG tags. Please think carefully before displaying huge images on a page. ---- === Lists === '''Unordered Lists''' <code>* First-level unordered list item</code><br> <code> Second-level unordered list item</code><br> <code>* 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>: Text to be indented (quote-block)</code><br> <code>:: Text indented more</code><br> <code>::: 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 <pre> 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 119 ==
	category='Wiki Info'
== 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.

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

Hyperlinks

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 on the Guide; 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://openguides.org/london/ . If you want, you can give the link some title text in this fashion:

[http://london.openguides.org/ this fashion]

Bold and Italic Text

To mark text as bold or italic, you can use the HTML and tags if you wish (e.g. bold, italic, and bold+italic), 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. Also, if your numbers of equals signs are unbalanced it either won't work or won't work like you expected, so be careful.

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.

The Open Guide to London: the free London guide