<h1>Using Smilies (emoticons)</h1>
+
<div id="emoticons">##emoticons_html##</div>
-<div style="clear: both;"></div>
+<div style="clear: both;"> </div>
<p>When writing online, it can sometimes difficult to express emotion with plain text.
- These little icons can help. </p>
-
-<p>To insert these icons in your text: just click the icon above, or type the associated text code directly in your text.</p>
+These little icons can help.</p>
+
+<p>To insert these icons in your text: just click the icon above, or type the
+associated text code directly in your text.</p>
-<p>Note that the codes themselves are like little pictures - just turn your head to the left when looking at them</p>
+<p>Note that the codes themselves are like little pictures - just turn your
+head to the left when looking at them</p>
?>
</b></p>
-<p>The Richtext HTML editor provides a word-processor interface embedded in your web page to allow you to edit text in an intuitive way, and produces normal HTML code.</p>
+<p>The Richtext HTML editor provides a word-processor interface embedded in your
+web page to allow you to edit text in an intuitive way, and produces normal HTML code.</p>
+
+<p>In addition to formatting text, this editor provides a number of extra
+features you may find useful.</p>
-<p>In addition to formatting text, this editor provides a number of extra features you may find useful.
<h2>Paste text in from other Applications</h2>
+
<div class="indent">
<p>You can cut and paste rich text from other Windows applications such as Microsoft Word
straight into this editor, and your formatting will be preserved. Just use the normal cut and paste
menus in your web browser (or Control-C and Control-V).</p>
</div>
+
<h2>Inserting images <img alt="" src="lib/editor/htmlarea/images/ed_image.gif" /></h2>
+
<div class="indent">
-<p>If you have images that are already published on a web site and accessible via a URL, you can include these images in your texts using the "Insert Image" button.</p>
+<p>If you have images that are already published on a web site and accessible
+via a URL, you can include these images in your texts using the "Insert Image" button.</p>
</div>
+
<h2>Inserting Tables <img alt="" src="lib/editor/htmlarea/images/insert_table.gif" /></h2>
+
<div class="indent">
-<p>To add layout to your texts, you can use the "Insert Tables" button in the toolbar.
+<p>To add layout to your texts, you can use the "Insert Tables" button in the toolbar.</p>
</div>
+
<h2>Inserting Links <img alt="" src="lib/editor/htmlarea/images/ed_link.gif" /> /</h2>
+
<div class="indent">
-<p>To make a new link, first type the text that you want to be a link. Then select it and click the link button in the toolbar. Type the URL you want to link to and it's done!</p>
+<p>To make a new link, first type the text that you want to be a link.
+Then select it and click the link button in the toolbar. Type the URL you want
+to link to and it's done!</p>
</div>
<h2>Inserting smilies (emoticons) <img alt="" src="pix/s/smiley.gif" class="icon" /></h2>
+
<div class="indent">
-<p>To embed these small icons in your text, click on the smiley icon in the toolbar. A dialog will pop up that allows you to select from the following smiley icons. (Alternatively, you can just type the corresponding code straight into your text and it will be converted later when your text is displayed).</p>
+<p>To embed these small icons in your text, click on the smiley icon in the
+toolbar. A dialog will pop up that allows you to select from the following
+smiley icons. (Alternatively, you can just type the corresponding code straight
+into your text and it will be converted later when your text is displayed).</p>
<div id="emoticons">##emoticons_html##</div>
</div>
<div style="clear:both"> </div>
<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.
+<p>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.</p>
+
<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>
+<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>
+
<div id="emoticons">##emoticons_html##</div>
</div>
-<div style="clear:both"></div>
+<div style="clear:both"> </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>
+<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><b> bold </b> </td><td> <b>bold text</b> </td></tr>
<tr><td><i> italic </i> </td><td> <i>italic text</i> </td></tr>
<tr><td><u> underline </u> </td><td> <u>underlined text</u> </td></tr>
-<tr><td><font color="green"> example </font> </td><td> <font color="green">example</font> </tr>
-<tr><td valign="top"><ul> <li>one</li> <li>two</li> </ul> </td><td valign="top"> <ul><li>one<li>two</ul> </tr>
+<tr><td><font color="green"> example </font> </td><td> <font color="green">example</font> </td></tr>
+<tr><td valign="top"><ul> <li>one</li> <li>two</li> </ul> </td>
+ <td valign="top"> <ul><li>one</li><li>two</li></ul> </td></tr>
<tr><td><hr /></td><td> <hr /> </td></tr>
</table>
</div>
projects / moodle.git / commitdiff