scripts/tutorial/part6, fixed some ids and links

Author: r12a

scripts/tutorial/part6.html

@@ -184,7 +184,7 @@ <h3><a href="#emphasis">Emphasis</a></h3>
     <p class="slide-bottom">&nbsp;<a href="#topbar">got to top of page</a></p>
   </div>
 </div>
-<div class="slide">
+<div id="italics" class="slide">
     <h3><a href="#italics">Italics</a></h3>
   <div class="slide-pic"> <img src="images/misc2.png" alt="slide" /></div>
   <div class="speaker-notes">
@@ -214,7 +214,7 @@ <h3><a href="#kumimoji">Kumimoji and warichu</a></h3>
   </div>
 </div>
 <div id="grid" class="slide">
-  <h3><a href="grid">Grid layout</a></h3>
+  <h3><a href="#grid">Grid layout</a></h3>
   <div class="slide-pic"> <img src="images/ideographic-layout.png" alt="slide" /></div>
   <div class="speaker-notes">
     <p>Note how, because all the characters above are mono-spaced and fit within the same sized box, the text on the slide gives the appearance of
@@ -224,16 +224,16 @@ <h3><a href="grid">Grid layout</a></h3>
     <p class="slide-bottom">&nbsp;<a href="#topbar">got to top of page</a></p>
   </div>
 </div>
-<div id="grid2" class="slide">
-  <h3><a href="grid">Counter styles</a></h3>
+<div id="counter-styles" class="slide">
+  <h3><a href="#counter-styles">Counter styles</a></h3>
   <div class="slide-pic"> <img src="images/counter-styles.png" alt="slide" /></div>
   <div class="speaker-notes">
     <p>Another typographic feature that varies from script to script and often from language to language is the numbering used for lists, chapter headings, etc. Not only are the counters likely to be based on characters of the script in question, but they may increment according to numeric, alphabetic or other rules. There are often more than one counter style per script/language. For more information about counter styles see <a href="https://www.w3.org/TR/predefined-counter-styles/">Custom Counter Styles</a>.</p>
     <p class="slide-bottom">&nbsp;<a href="#topbar">got to top of page</a></p>
   </div>
 </div>
-<div id="grid3" class="slide">
-  <h3><a href="grid">Layout requirements work</a></h3>
+<div id="lreq" class="slide">
+  <h3><a href="#lreq">Layout requirements work</a></h3>
   <div class="slide-pic"> <img src="images/layout-reqs.png" alt="slide" /></div>
   <div class="speaker-notes">
     <p>The W3C has a number of task forces working to define requirements for layout and typography in script around the world. You can follow or join these task forces if you want to contribute your expertise in a particular area. The documents being worked on at the time this presentation was written include those shown on the slide.</p>
@@ -249,7 +249,7 @@ <h3><a href="grid">Layout requirements work</a></h3>
 
 
 <div class="smallprint"><span id="version">First published  Feb 2003.  This version <span id="version-info"> 
-  <!-- #BeginDate format:IS1m -->2016-02-22  12:52<!-- #EndDate --> 
+  <!-- #BeginDate format:IS1m -->2017-03-08  17:21<!-- #EndDate --> 
   </span> GMT. &nbsp;&bull;&nbsp; Copyright <a href="mailto:[email protected]">[email protected]</a>. Licence <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC-By</a>.</span></div>