Sandbox - Revision history

Sashi: /* Two Modes: read / edit */

2020-03-17T16:44:59Z

‎Two Modes: read / edit

Sashi: /* Edit mode */

2020-03-17T15:14:54Z

‎Edit mode

Sashi: /* The equal (=) sign */

2020-03-17T15:12:02Z

‎The equal (=) sign

Sashi: /* The number (#) sign */

2020-03-17T15:09:55Z

‎The number (#) sign

Sashi: /* The number (#) sign */

2020-03-17T15:09:28Z

‎The number (#) sign

Sashi: /* Using MediaWiki / Wikipedia syntax */

2020-03-17T15:08:49Z

‎Using MediaWiki / Wikipedia syntax

Sashi: /* example */

2020-03-17T15:07:28Z

‎example

Sashi: /* ABBR pop-up, dotted underlining */

2020-03-17T15:06:06Z

‎ABBR pop-up, dotted underlining

Sashi: /* test */

2020-03-17T15:05:21Z

‎test

Sashi: /* Using HTML(5) */

2020-03-17T15:00:36Z

‎Using HTML(5)

← Older revision		Revision as of 16:44, 17 March 2020
Line 13:		Line 13:
	If you see "<span style="color:darkblue;">view source</span>" instead of "<span style="color:darkblue;">edit</span>" you are not logged in.<br /><br />		If you see "<span style="color:darkblue;">view source</span>" instead of "<span style="color:darkblue;">edit</span>" you are not logged in.<br /><br />

−	It is often easier to find [<span style="color:darkblue;">edit</span>] ~~on the right hand side of the page~~. This permits editing section by section in structured documents.<br /><br />	+	It is often easier to find [<span style="color:darkblue;">edit</span>] next to each section title. This permits editing section by section in structured documents.<br /><br />

@@ Line 21: / Line 21: @@
 ==Edit mode==
-To understand the next part you '''must''' find the buttons in <span style="color:darkblue;"><b><u>edit</u></b>
+To understand the next part switch to <span style="color:darkblue;"><b><u>edit</u></b>
-</span>mode!  This text is easier to <span style="color:darkblue;">read</span> in '''page''' mode.  ^^  <br /><br />
+</span>mode.  This text is easier to <span style="color:darkblue;">read</span> in '''read''' mode.  ^^  <br /><br />
 ===Using the edit box buttons===
 <br />
-<p>Under the title of the page '''Sandbox''' (''bac à sable'') you should see 11 buttons (the first two are '''B''' and ''I'')</p>
+<p>Under the title of the page '''Editing Sandbox''' you should see 11 buttons (the first two are '''B''' and ''I'')</p>
@@ Line 44: / Line 41: @@
 *can you delete this line and add <i><b>your</b></i> signature?
 *'''—''' = horizontal line...
-You can type some text in the box below and modify it (click on [<span style="color:darkblue;">edit</span>] on the right): </p><br /><br />
 ====TESTING GROUND====
-<br />
 <p style="border: 6px dashed darkred;">

@@ Line 138: / Line 138: @@
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  equal sign = <span style="color:darkgreen;">''''i:''' &nbsp; kwəl &nbsp; '''saɪn'''</span>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; equality = <span style="color:darkgreen;">i: ''''kwal''' ɪ ti</span>
-*The equal sign (=) is '''not''' used to mark equality in wiki syntax.
+*The equal sign (=) is '''not''' used to mark equality in wiki syntax.  It marks a header level.
 **Just as the # and * signs are used to mark hierarchical levels in a list
 ** = is used to add structure to the document.
-**Each and every heading is a section.
+**Each and every heading is a section which can be edited separately
-* Please look at the <span style="color:darkblue;">table of '''contents'''</span> in "page" mode.  Click on <b><i>hide</i></b>, then <b><i>show</i></b>.
+* Please look at the <span style="color:darkblue;">table of '''contents'''</span> in "read" mode.  Click on <b><i>hide</i></b>, then <b><i>show</i></b>.
 * Return to <span style="color:hotpink;"><b>edit mode</b></span> and delete the asterisks at the beginning of the six lines below, then press <b>save page</b>:
@@ Line 153: / Line 153: @@
 *  =Heading 1=
-<p>You return to <span style="color:hotpink;"><b>page mode</b></span> when you press <b>save</b>. How does the <span style="color:darkblue;">table of '''contents'''</span> look now?</p>
+<p>You return to <span style="color:hotpink;"><b>read mode</b></span> when you press <b>save</b>. How does the <span style="color:darkblue;">table of '''contents'''</span> look now?</p>
 ====The apostrophe (')====

@@ Line 120: / Line 120: @@
 ### or even three times
 # That's how you make a numbered list.
 #beware! if you
 #skip a line,
-#this happens.
+#this happens,
 ====The asterisk (*)====

@@ Line 120: / Line 120: @@
 ### or even three times
 # That's how you make a numbered list.
 ====The asterisk (*)====

@@ Line 113: / Line 113: @@
 ===Using MediaWiki / Wikipedia syntax===
 ====The number (#) sign ====
 # To make a numbered list...
 # Use # at the beginning of the line.
@@ Line 125: / Line 120: @@
 ### or even three times
 # That's how you make a numbered list.
 ====The asterisk (*)====
 * To make a "bullet" list..
 * Use an asterisk (*) at the start of the line.
@@ Line 138: / Line 129: @@
 ***# That's ***#.
 *  Pretty simple, huh?
 ====The equal (=) sign ====
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  equal sign = <span style="color:darkgreen;">''''i:''' &nbsp; kwəl &nbsp; '''saɪn'''</span>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; equality = <span style="color:darkgreen;">i: ''''kwal''' ɪ ti</span>
@@ Line 152: / Line 140: @@
 * Please look at the <span style="color:darkblue;">table of '''contents'''</span> in "page" mode.  Click on <b><i>hide</i></b>, then <b><i>show</i></b>.
 * Return to <span style="color:hotpink;"><b>edit mode</b></span> and delete the asterisks at the beginning of the six lines below, then press <b>save page</b>:
 *  =Heading 1=
@@ Line 160: / Line 147: @@
 *  =Heading 1=
 *  =Heading 1=
 <p>You return to <span style="color:hotpink;"><b>page mode</b></span> when you press <b>save</b>. How does the <span style="color:darkblue;">table of '''contents'''</span> look now?</p>
 ====The apostrophe (')====
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a'''po'''strophe(s) = <span style="color:green;">ə ''''pa:''' strə fi:(z)</span>
 <br /><br /><br />
@@ Line 174: / Line 157: @@
 *''italic'' (2 apostrophes before <u>and</u> after)
 *'''''bold italic''''' (5 apostrophes before <u>and</u> after)
 =ABBR pop-up, dotted underlining=

@@ Line 108: / Line 108: @@
 <br /><br />
-<span style="color:hotpink;border:3px dotted darkred;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ! PLEASE EDIT THIS SECTION !  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
+<span style="color:hotpink;border:3px dotted darkred;padding:2px;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ! PLEASE EDIT THIS SECTION !  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
 <br /><br />

@@ Line 177: / Line 177: @@
 =ABBR pop-up, dotted underlining=
-<abbr title="superb!">&lt;abbr title="superb!"&gt;</abbr>excellent&lt;abbr&gt;
+&lt;abbr title="superb!"&gt;<abbr title="superb!">excellent!</abbr>&lt;abbr&gt;
 :Cf.  [https://www.w3schools.com/tags/tag_abbr.asp W3 Schools]

@@ Line 176: / Line 176: @@
 <br /> <br />
-=test=
+=ABBR pop-up, dotted underlining=
-Does  <abbr title="abbreviation">&lt;abbr title=""&gt;</abbr> work without a template?
+<abbr title="superb!">&lt;abbr title="superb!"&gt;</abbr>excellent&lt;abbr&gt;
 =Further information=

@@ Line 80: / Line 80: @@
 *<span style="color:darkblue;">&lt;span&gt;</span> = opening tag for a chunk of text,   <span style="color:darkblue;">&lt;/span&gt;</span> = closing tag for a chunk of text
 *<span style="color:darkblue;">&lt;span style="color:darkgreen;"&gt;</span> = opening tag to <span style="color:darkgreen;">color a chunk of text green</span>,  <span style="color:darkblue;">&lt;/span&gt;</span> = closing tag for the chunk of green text  <br />
 *<span style="color:darkblue;">&lt;br /&gt;</span> = opening '''and''' closing tag for a line break.