Test Monospace

From Retrosoftware

(Difference between revisions)
Jump to: navigation, search
(Added info about code and tt synonymous tags)
(Modified title)
Line 1: Line 1:
-
=Examples of writing up mono-spaced fonts on the wiki=
+
=Examples of writing up mono-spaced and pre-formatted text on the wiki=

Revision as of 15:12, 3 March 2012

Contents

Examples of writing up mono-spaced and pre-formatted text on the wiki

Using the <code> tag, &nbsp; and <br/> tags

Surround the text with <code> or <tt> tags (they're synonymous), use HTML line breaks <br/> at the end of lines, and use the HTML code for a non-breaking space &nbsp; to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &gt; are interpreted. Recommended for true mono-space requirements.

Wikitext code:

<code>
<span style="color:#008000">\ Simple example illustrating use of monospacing</span><br/>
lll ; &nbsp;&nbsp;&nbsp; an ''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span><br/>
AAA ; &nbsp;&nbsp;&nbsp; followed by a '''bold''' comment &gt; by <span style="color:#C00000">Red Person</span>
</code>

Output:

\ Simple example illustrating use of monospacing
lll ;     an italic comment > by Blue Person
AAA ;     followed by a bold comment > by Red Person


Using a single-space to start each line

Use a single space at the start of each line, to pre-format the text, in a separate box. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &gt; are interpreted. Not true mono-spacing.

Wikitext code:

 <span style="color:#008000">\ Simple example illustrating use of monospacing</span>
 lll ;     an ''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span>
 AAA ;     followed by a '''bold''' comment &gt; by <span style="color:#C00000">Red Person</span>

Output: 

\ Simple example illustrating use of monospacing
lll ;     an italic comment > by Blue Person
AAA ;     followed by a bold comment > by Red Person


Using the <pre> tag

Similar output to using a single space at the start of each line, use the <pre> tag to surround a block of text you want pre-formatted, in a separate box but, unlike using a single-space at the start of each line, wikitext markup (e.g. apostrophes used for italics/bold or span colouring) is not interpreted. Special HTML characters, like &gt; are still interpreted, however. Not true mono-spacing.

Wikitext code:

<pre>
<span style="color:#008000">\ Simple example illustrating use of monospacing</span>
lll ;     an ''italic'' comment &gt; by <span style="color:#0000C0">Blue Person</span>
AAA ;     followed by a '''bold''' comment &gt; by <span style="color:#C00000">Red Person</span>
</pre>

Output: 

<span style="color:#008000">\ Simple example illustrating use of monospacing</span>
lll ;     an ''italic'' comment > by <span style="color:#0000C0">Blue Person</span>
AAA ;     followed by a '''bold''' comment > by <span style="color:#C00000">Red Person</span>
Retrieved from "http://www.retrosoftware.co.uk/wiki/index.php/Test_Monospace"