Test Monospace

From Retrosoftware

(Difference between revisions)
Jump to: navigation, search
(Added colour examples)
(Added info about code and tt synonymous tags)
Line 2: Line 2:
-
===<nowiki>Using the <tt> tag, &amp;nbsp; and <br/> tags</nowiki>===
+
===<nowiki>Using the <code> tag, &amp;nbsp; and <br/> tags</nowiki>===
-
Surround the text with <nowiki><tt></nowiki> tags, use HTML line breaks <nowiki><br/></nowiki> at the end of lines, and use the HTML code for a non-breaking space &amp;nbsp; to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &amp;gt; are interpreted. Recommended for true mono-space requirements.
+
Surround the text with <nowiki><code></nowiki> or <nowiki><tt></nowiki> tags (they're synonymous), use HTML line breaks <nowiki><br/></nowiki> at the end of lines, and use the HTML code for a non-breaking space &amp;nbsp; to represent spaces. Both wikitext markup (e.g. apostrophes used for italics/bold) and special HTML characters, like &amp;gt; are interpreted. Recommended for true mono-space requirements.
''Wikitext code:''
''Wikitext code:''
-
<tt>
+
<code>
-
<nowiki><tt></nowiki><br/>
+
<nowiki><code></nowiki><br/>
<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span><br/></nowiki><br/>
<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span><br/></nowiki><br/>
<nowiki>lll ; &amp;nbsp;&amp;nbsp;&amp;nbsp; an ''italic'' comment &amp;gt; by <span style="color:#0000C0">Blue Person</span><br/></nowiki><br/>
<nowiki>lll ; &amp;nbsp;&amp;nbsp;&amp;nbsp; an ''italic'' comment &amp;gt; by <span style="color:#0000C0">Blue Person</span><br/></nowiki><br/>
<nowiki>AAA ; &amp;nbsp;&amp;nbsp;&amp;nbsp; followed by a '''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
<nowiki>AAA ; &amp;nbsp;&amp;nbsp;&amp;nbsp; followed by a '''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
-
<nowiki></tt></nowiki>
+
<nowiki></code></nowiki>
-
</tt>
+
</code>
''Output:''
''Output:''
-
<tt>
+
<code>
<span style="color:#008000">\ Simple example illustrating use of monospacing</span><br/>
<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/>
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>
AAA ; &nbsp;&nbsp;&nbsp; followed by a '''bold''' comment &gt; by <span style="color:#C00000">Red Person</span>
-
</tt>
+
</code>
Line 31: Line 31:
''Wikitext code:''
''Wikitext code:''
-
<tt>
+
<code>
&nbsp;<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span></nowiki><br/>
&nbsp;<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span></nowiki><br/>
&nbsp;lll ; &nbsp;&nbsp;&nbsp; an <nowiki>''italic'' comment &amp;gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/>
&nbsp;lll ; &nbsp;&nbsp;&nbsp; an <nowiki>''italic'' comment &amp;gt; by <span style="color:#0000C0">Blue Person</span></nowiki><br/>
&nbsp;AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
&nbsp;AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
-
</tt>
+
</code>
''Output:''
''Output:''
Line 50: Line 50:
''Wikitext code:''
''Wikitext code:''
-
<tt>
+
<code>
<nowiki><pre></nowiki><br/>
<nowiki><pre></nowiki><br/>
<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span></nowiki><br/>
<nowiki><span style="color:#008000">\ Simple example illustrating use of monospacing</span></nowiki><br/>
Line 56: Line 56:
AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
AAA ; &nbsp;&nbsp;&nbsp; followed by a <nowiki>'''bold''' comment &amp;gt; by <span style="color:#C00000">Red Person</span></nowiki><br/>
<nowiki></pre></nowiki>
<nowiki></pre></nowiki>
-
</tt>
+
</code>
''Output:''
''Output:''

Revision as of 14:57, 3 March 2012

Contents

Examples of writing up mono-spaced fonts 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"