markdownの正規化1章

Author: osamu377

docs/01_00_JavaScriptを始める前に.html

@@ -35,7 +35,7 @@
             const path_to_root = "";
             const default_light_theme = "light";
             const default_dark_theme = "navy";
-            window.path_to_searchindex_js = "searchindex-bda876df.js";
+            window.path_to_searchindex_js = "searchindex-05e449b7.js";
         </script>
         <!-- Start loading toc.js asap -->
         <script src="toc-136672e9.js"></script>
@@ -249,7 +249,7 @@ <h2 id="ii-ウェブページを作る3つの力htmlcssjavascriptの役割"><a c
 </tbody>
 </table>
 </div>
-<p><strong>JavaScriptの役割：電気を通すこと</strong></p>
+<h3 id="javascriptの役割電気を通すこと"><a class="header" href="#javascriptの役割電気を通すこと">JavaScriptの役割：電気を通すこと</a></h3>
 <p>HTMLとCSSだけでは、家は完成しても「電気が通っていない」状態です。HTMLとCSSだけのウェブページは、ただ情報を<ruby>表示<rt>ひょうじ</rt></ruby>するだけの、<ruby>動<rt>うご</rt></ruby>きのない「紙のポスター」のようなものです。</p>
 <p>JavaScriptという電気が通ることで、スイッチを押せばライトがつき、ドアの前に立てば自動ドアが開き、ボタンを押せばエレベーターが動くようになります。ウェブページはユーザーと「<ruby>対話<rt>たいわ</rt></ruby>（たいわ）」ができる便利な道具に変わるのです。</p>
 <hr>
@@ -317,7 +317,7 @@ <h3 id="3-htmlとcss"><a class="header" href="#3-htmlとcss">3. HTMLとCSS</a></
 <p>したがって、JavaScriptでウェブページを<ruby>操<rt>あやつ</rt></ruby>るためには、まずウェブページの部品そのものについて、理解しなければなりません。</p>
 <p>次のステップでは、ウェブページの設計図である <strong>HTML</strong> と <strong>CSS</strong> について説明します。</p>
 <hr>
-<h2 id="まとめ-1"><a class="header" href="#まとめ-1">まとめ</a></h2>
+<h2 id="このセクションのまとめ"><a class="header" href="#このセクションのまとめ">このセクションのまとめ</a></h2>
 <p>JavaScriptが動く順番をイラストで描くとこんな風になります。</p>
 <p><img src="img/obj_working2.jpg" alt="JavaScriptが動く順番"></p>
 <p>つまり、JavaScriptでウェブページを動かすために</p>

docs/01_01_HTML.html

@@ -35,7 +35,7 @@
             const path_to_root = "";
             const default_light_theme = "light";
             const default_dark_theme = "navy";
-            window.path_to_searchindex_js = "searchindex-bda876df.js";
+            window.path_to_searchindex_js = "searchindex-05e449b7.js";
         </script>
         <!-- Start loading toc.js asap -->
         <script src="toc-136672e9.js"></script>
@@ -245,7 +245,7 @@ <h4 id="4-水平線horizontal-rule-hr"><a class="header" href="#4-水平線horiz
 <p>上の線が水平線です。</p>
 <h4 id="5-段落だんらくparagraph-p"><a class="header" href="#5-段落だんらくparagraph-p">5. <ruby>段落<rt>だんらく</rt></ruby>（Paragraph）: <code>&lt;p&gt;</code></a></h4>
 <p>ふつうの文章のまとまり（<ruby>段落<rt>だんらく</rt></ruby>）をつくるときに使います。文章を書くときに一番よく使います。</p>
-<pre><code>&lt;p&gt;長い文章をずっと読み続けるのは大変（たいへん）ですよね。そこで、&lt;strong&gt;「同じ内容（ないよう）のお話し」&lt;/strong&gt; をひとまとめにして、区切くぎりをつけたものが「段落（だんらく）」です。&lt;/P&gt;
+<pre><code class="language-html">&lt;p&gt;長い文章をずっと読み続けるのは大変（たいへん）ですよね。そこで、&lt;strong&gt;「同じ内容（ないよう）のお話し」&lt;/strong&gt; をひとまとめにして、区切くぎりをつけたものが「段落（だんらく）」です。&lt;/P&gt;
 
 &lt;p&gt;段落（だんらく）より大きなグループに、「節」や「章」があります。&lt;/p&gt;
 </code></pre>
@@ -258,7 +258,7 @@ <h4 id="5-段落だんらくparagraph-p"><a class="header" href="#5-段落だん
 <hr>
 <h4 id="6-改行かいぎょうline-break-br"><a class="header" href="#6-改行かいぎょうline-break-br">6. <ruby>改行<rt>かいぎょう</rt></ruby>（Line break）: <code>&lt;br&gt;</code></a></h4>
 <p>新しい<ruby>段落<rt>だんらく</rt></ruby>をつくらずに、次の行（ぎょう）へ行きたいときに使います。これには終わりのタグ（<code>&lt;/br&gt;</code>）はありません。</p>
-<pre><code>&lt;p&gt;長い文章をずっと読み続けるのは大変（たいへん）ですよね。&lt;br&gt;そこで、&lt;strong&gt;「同じ内容（ないよう）のお話し」&lt;/strong&gt; をひとまとめにして、区切くぎりをつけたものが「段落（だんらく）」です。&lt;/P&gt;
+<pre><code class="language-html">&lt;p&gt;長い文章をずっと読み続けるのは大変（たいへん）ですよね。&lt;br&gt;そこで、&lt;strong&gt;「同じ内容（ないよう）のお話し」&lt;/strong&gt; をひとまとめにして、区切くぎりをつけたものが「段落（だんらく）」です。&lt;/P&gt;
 </code></pre>
 <p>これは下のように<ruby>表示<rt>ひょうじ</rt></ruby>されます。</p>
 <hr>
@@ -271,7 +271,7 @@ <h4 id="7-イメージimage-img"><a class="header" href="#7-イメージimage-im
 <li><code>src</code>: <ruby>画像<rt>がぞう</rt></ruby>がある場所（パス）を書きます。</li>
 <li><code>alt</code>: 目が見えない人や<ruby>画像<rt>がぞう</rt></ruby>が出なかったときのために、<ruby>画像<rt>がぞう</rt></ruby>の<ruby>説明<rt>せつめい</rt></ruby>を書きます。</li>
 </ul>
-<pre><code>&lt;img src="img/駅.jpg" alt="駅の写真"&gt;
+<pre><code class="language-html">&lt;img src="img/駅.jpg" alt="駅の写真"&gt;
 </code></pre>
 <img src="img/駅.jpg" alt="駅の写真">
 <h4 id="8-整形せいけい済みテキスト-pre"><a class="header" href="#8-整形せいけい済みテキスト-pre">8. <ruby>整形<rt>せいけい</rt></ruby>済みテキスト: <code>&lt;pre&gt;</code></a></h4>
@@ -350,7 +350,7 @@ <h2 id="iv-テーブルデータをおさめて表示ひょうじする"><a clas
 <li><code>&lt;th&gt;</code>または<code>&lt;td&gt;</code>タグ：行の中にある一（ひと）つのマス目（め）です。<code>&lt;th&gt;</code>は見出し、<code>&lt;td&gt;</code>はデータを書きます。</li>
 </ol>
 <p><strong>コードの<ruby>例<rt>れい</rt></ruby>：</strong></p>
-<pre><code>&lt;table&gt;
+<pre><code class="language-html">&lt;table&gt;
   &lt;thead&gt;
     &lt;tr&gt;
       &lt;th&gt;名前&lt;/th&gt;
@@ -411,7 +411,7 @@ <h2 id="v-フォームユーザーからの入力にゅうりょくを受け取
 <li><code>&lt;input type="submit"&gt;</code>：<ruby>送信<rt>そうしん</rt></ruby>（そうしん）ボタンです。これはデータを送（おく）るための「引き金（ひきがね）」になります。</li>
 </ul>
 <p><ruby>送信<rt>そうしん</rt></ruby>ボタンを押（お）すと、データは「道（みち）」を通（とお）ってサーバーへ運（はこ）ばれます。</p>
-<pre><code>    &lt;form action="#" method="post"&gt;
+<pre><code class="language-html">    &lt;form action="#" method="post"&gt;
 
         &lt;div class="form-group"&gt;
             &lt;label&gt;お名前（おなまえ）：&lt;/label&gt;
@@ -446,7 +446,7 @@ <h2 id="v-フォームユーザーからの入力にゅうりょくを受け取
 <blockquote>
 <p>まだ実際にデータを<ruby>送信<rt>そうしん</rt></ruby>することはできません。</p>
 </blockquote>
-<p><strong>データの受け取り：GETとPOSTの違い（ちがい）</strong></p>
+<h3 id="データの受け取りgetとpostの違いちがい"><a class="header" href="#データの受け取りgetとpostの違いちがい">データの受け取り：GETとPOSTの違い（ちがい）</a></h3>
 <p>フォームで<ruby>入力<rt>にゅうりょく</rt></ruby>されたデータがサーバーに送（おく）られるとき、2つのルール（メソッド）があります。</p>
 <ul>
 <li>GET（ゲット）： データがURLの中に含（ふく）まれます。<ruby>検索<rt>けんさく</rt></ruby>（けんさく）キーワードなど、人（ひと）に<ruby>見<rt>み</rt></ruby>られても困（こま）らないデータに使（つか）います。</li>
@@ -456,7 +456,7 @@ <h2 id="v-フォームユーザーからの入力にゅうりょくを受け取
 <h2 id="6-まとめ"><a class="header" href="#6-まとめ">6. まとめ</a></h2>
 <p>Web制作（せいさく）では、HTMLで「骨組み」を作り、CSSで「<ruby>見<rt>み</rt></ruby>た<ruby>目<rt>め</rt></ruby>」を整え、JavaScriptで「<ruby>動<rt>うご</rt></ruby>き」を加えます。これらが<ruby>組<rt>く</rt></ruby>み<ruby>合<rt>あ</rt></ruby>わさって、素晴らしいWebサイトが完成します。</p>
 <p>プログラミングの学習は、<ruby>一歩<rt>いっぽ</rt></ruby>ずつ進めば大丈夫です。</p>
-<p><strong>HTML基礎のまとめ</strong></p>
+<h3 id="html基礎のまとめ"><a class="header" href="#html基礎のまとめ">HTML基礎のまとめ</a></h3>
 <ul>
 <li>HTMLはウェブページの「<ruby>骨組<rt>ほねぐ</rt></ruby>み」です。</li>
 <li><code>&lt;head&gt;</code>タグの中にある<ruby>設定<rt>せってい</rt></ruby>が正しくないと、文字化（もじば）けが起（お）きます。</li>