语法高亮，滚动条美化，设置页面调整

docs/javascript/Guide/Introduction.html

@@ -77,7 +77,7 @@
 <p><img alt="" src="https://mdn.mozillademos.org/files/7363/web-console-commandline.png" style="display: block; margin-left: auto; margin-right: auto;"/></p>
 <p>控制台的工作方式与eval完全相同：返回最后输入的表达式。为了简单起见，可以想象每次输入到控制台的东西实际上都被 console.log 所包围。</p>
 <p> </p>
-<pre>function greetMe(yourName) { alert('Hello ' + yourName); } <code>console.log(eval('3 + 5'));</code></pre>
+<pre>function greetMe(yourName) { alert('Hello ' + yourName); } <code>console.log(eval('3 + 5'));</code></code></pre>
 <p> </p>
 <p> </p>
 <h3 id="代码草稿纸（Scratchpad）">代码草稿纸（Scratchpad）</h3>
@@ -87,12 +87,12 @@
 <p><img alt="" src="https://mdn.mozillademos.org/files/7365/scratchpad.png" style="display: block; margin-left: auto; margin-right: auto;"/></p>
 <h3 id="Hello_world">Hello world</h3>
 <p>学习JavaScript 的第一步，打开浏览器的代码草稿纸尝试编写你的第一个 JavaScript 版本的 “Hello world” 程序。</p>
-<pre class="brush: js">function greetMe(user) {
+<pre><code  class="language-javascript">function greetMe(user) {
   alert('Hi ' + user);
 }
 
 greetMe('Alice'); // 'Hi Alice'
-</pre>
+</code></pre>
 <p>在 Scratchpad（代码草稿纸）中选择要执行的代码，然后点击“运行(Ctrl+R)”就可以在浏览器中看到选中代码的执行结果。</p>
 <p>在接下来的章节里，该指南将介绍 JavaScript 的语法以及语言特性，届时你将可以使用它编写更加复杂的程序。</p>
 <p></p><div class="prevnext" style="text-align: right;">