text.html

<h1>Help on writing text</h1>

Writing text in Moodle works pretty much the way you would expect, but you also have the ability to include "smilies", "URL addresses" and some HTML tags in your text.

<h2>Smilies (emoticons)</h2>
<div class="indent">
<p>To embed these small icons in your text, just type the associated code.  These codes themselves are like little pictures if you turn your head to the left when looking at them.</p>

    <table border="1">
      <tr valign="top">
        <td>
        <table border="0" align="center" cellpadding="10">
          <tr>
            <td><img alt="" src="pix/s/smiley.gif" class="icon" /></td>
            <td>smile</td>
            <td><code>:-)</code></td>
          </tr>
          <tr>
            <td><img alt="" src="pix/s/biggrin.gif" class="icon" /></td>
            <td>big grin</td>
            <td><code>:-D</code></td>
          </tr>
          <tr>
            <td><img alt="" src="pix/s/wink.gif" class="icon" /></td>
            <td>wink</td>
            <td><code>;-)</code></td>
          </tr>
          <tr>
            <td><img alt="" src="pix/s/mixed.gif" class="icon" /></td>
            <td>mixed</td>
            <td><code>:-/</code></td>
          </tr>
            <tr>
              <td><img alt="" src="pix/s/thoughtful.gif" class="icon" /></td>
              <td>thoughtful</td>
              <td><code>V-.</code></td>
            </tr>
          <tr>
            <td><img alt="" src="pix/s/tongueout.gif" class="icon" /></td>
            <td>tongue out</td>
            <td><code>:-P</code></td>
         </tr>
          <tr>
            <td><img alt="" src="pix/s/cool.gif" class="icon" /></td>
            <td>cool</td>
            <td><code>B-)</code></td>
          </tr>
            <tr>
              <td><img alt="" src="pix/s/approve.gif" class="icon" /></td>
              <td>approve</td>
              <td><code>^-)</code></td>
            </tr>
            <tr>
              <td><img alt="" src="pix/s/wideeyes.gif" class="icon" /></td>
              <td>wide eyes</td>
              <td><code>8-)</code></td>
            </tr>
            <tr>
              <td><img alt="" src="pix/s/surprise.gif" class="icon" /></td>
              <td>surprise</td>
              <td><code>8-o</code></td>
            </tr>
        </table>
        </td>

        <td>
        <table border="0" align="center" cellpadding="10">
            <tr>
              <td><img alt="" src="pix/s/sad.gif" class="icon" /></td>
              <td>sad</td>
              <td><code>:-(</code></td>
            </tr>
            <tr>
              <td><img alt="" src="pix/s/shy.gif" class="icon" /></td>
              <td>shy</td>
              <td><code>8-.</code></td>
            </tr>
          <tr>
            <td><img alt="" src="pix/s/blush.gif" class="icon" /></td>
            <td>blush</td>
            <td><code>:-I</code></td>
          </tr>
            <tr>
              <td><img alt="" src="pix/s/kiss.gif" class="icon" /></td>
              <td>kisses</td>
              <td><code>:-X</code></td>
            </tr>
          <tr>
            <td><img alt="" src="pix/s/clown.gif" class="icon" /></td>
            <td>clown</td>
            <td><code>:o)</code></td>
          </tr>
          <tr>
            <td><img alt="" src="pix/s/blackeye.gif" class="icon" /></td>
            <td>black eye</td>
            <td><code>P-|</code></td>
          </tr>
            <tr>
              <td><img alt="" src="pix/s/angry.gif" class="icon" /></td>
              <td>angry</td>
              <td><code>8-[</code></td>
            </tr>
            <tr>
              <td><img alt="" src="pix/s/dead.gif" class="icon" /></td>
              <td>dead</td>
              <td><code>xx-P</code></td>
            </tr>
            <tr>
              <td><img alt="" src="pix/s/sleepy.gif" class="icon" /></td>
              <td>sleepy</td>
              <td><code>|-.</code></td>
            </tr>
          <tr>
            <td><img alt="" src="pix/s/evil.gif" class="icon" /></td>
            <td>evil</td>
            <td><code>}-]</code></td>
          </tr>
        </table>
        </td>
      </tr>
    </table>

</div>

<h2>URLs</h2>
<div class="indent">
<p>Any "word" starting with <b>www.</b> or <b>http://</b> will automatically be turned into a clickable link.</p>
<p>For example:  <a href="http://www.yahoo.com">www.yahoo.com</a> or <a href="http://curtin.edu">http://curtin.edu</a></p>
</div>

<h2>HTML tags</h2>
<div class="indent">
<p>You can use a limited subset of HTML tags to add emphasis to your texts.</p>
<table border="0" cellpadding="5" cellspacing="5">
<tr><th scope="col">HTML tags</th><th scope="col">Produces</th></tr>
<tr><td>&lt;b&gt; bold &lt;/b&gt; </td><td> <b>bold text</b> </td></tr>
<tr><td>&lt;i&gt; italic &lt;/i&gt; </td><td> <i>italic text</i> </td></tr>
<tr><td>&lt;u&gt; underline &lt;/u&gt; </td><td> <u>underlined text</u> </td></tr>
<tr><td>&lt;font color="green"&gt; example &lt;/font&gt; </td><td> <font color="green">example</font> </tr>
<tr><td valign="top">&lt;ul&gt; &lt;li&gt;one&lt;/li&gt; &lt;li&gt;two&lt;/li&gt; &lt;/ul&gt; </td><td valign="top"> <ul><li>one<li>two</ul> </tr>
<tr><td>&lt;hr /&gt;</td><td> <hr /> </td></tr>
</table>
</div>