diff options
Diffstat (limited to 'files/zh-tw/sandbox/index.html')
| -rw-r--r-- | files/zh-tw/sandbox/index.html | 180 |
1 files changed, 0 insertions, 180 deletions
diff --git a/files/zh-tw/sandbox/index.html b/files/zh-tw/sandbox/index.html deleted file mode 100644 index ce4d515992..0000000000 --- a/files/zh-tw/sandbox/index.html +++ /dev/null @@ -1,180 +0,0 @@ ---- -title: Sandbox 沙盒 -slug: Sandbox -translation_of: Sandbox ---- -<h2 id="Sandbox" name="Sandbox">This is a page 這是一張紙</h2> - - - -<h2 id="Test">Test</h2> - -<p>如何插入程式碼區塊，並即時預覽：Toolbar 第三行，點擊「插入程式碼範例模板」按鈕</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><p>hello sandbox</p></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">p { - color: blue; -}</pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">var p = document.querySelector('p'); -p.addEventListener('mouseover', function(e) { - p.style.color = 'green'; -}) -p.addEventListener('mouseout', function(e) { - p.style.color = 'blue'; -}) - -</pre> - -<h3 id="結果">結果</h3> - -<p>{{EmbedLiveSample('Test')}}</p> - - - -<h2 id="其他">其他</h2> - -<h3 id="CSS_Content"><font><font>CSS Content</font></font></h3> - -<pre class="brush: css"><font><font>@ Compteur de style fisheye {</font></font><font><font> - système: cyclique;</font></font><font><font> - symboles: ◉; -</font></font></pre> - -<pre class="brush: html"><h1>CSS font-family</h1> -<p class="serif">This is a paragraph, shown in the Times New Roman font.</p> -<p class="sansserif">This is a paragraph, shown in the Arial font.</p></pre> - -<pre class="brush: css"><font><font> -}</font></font> -<font><font> -.liste {</font></font><font><font> - list-style: fisheye, cercle;</font></font><font><font> -}</font></font></pre> - -<h2 id="Linux_is_life" name="Linux is life">Hello World</h2> - -<h3 id="HTML_2">HTML</h3> - -<pre class="brush: html"><p>Hello World</p></pre> - -<p><font><font>{{EmbedLiveSample ( 'Linux is life')}}</font></font></p> - -<p><font><font><img alt="Linux logo" src="https://greenwichmeantime.com/static/app/world_clock/icon/world.svg" style="height: 300px; width: 400px;"></font></font></p> - -<p><img alt="logo couleur MDN (bleu)" src="https://mdn.mozillademos.org/files/12728/mdn_logo-only_color.png" style="height: 200px; width: 200px;"></p> - -<p><span class="seoSummary"><font><font>Des trucs</font></font></span></p> - -<div class="note"> -<p><font><font>Une note </font></font></p> - -<div class="warning"> -<p><font><font>Un avertissement dans une note</font></font></p> - -<div class="note"> -<p><font><font>Une note dans un avertissement dans une note</font></font></p> - -<div class="warning"> -<div class="note"> -<div class="warning"> -<div class="note"> -<div class="warning"> -<div class="note"></div> -</div> -</div> -</div> -</div> -</div> -</div> -</div> -</div> - -<div class="note"> -<p><font><font>une autre note</font></font></p> - -<div class="note"> -<p><font><font>Une note dans une note</font></font></p> -</div> - -<p>This is an example of how to use the MDN!</p> -</div> - -<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mo><font><font>×</font></font></mo><mn><font><font>1</font></font></mn><mo><font><font>=</font></font></mo><mn><font><font>1</font></font></mn><mo><font><font>×</font></font></mo><mi><font><font>π</font></font></mi><mo><font><font>=</font></font></mo><mn><font><font>2</font></font></mn><mi><font><font>π</font></font></mi><mo><font><font>÷</font></font></mo><mi><font><font>π</font></font></mi><mo><font><font>=</font></font></mo><mi><font><font>π</font></font></mi></mrow><annotation encoding="TeX"><font><font>\ Pi \ times 1 = 1 \ times \ pi = 2 \ pi \ div \ pi = \ pi</font></font></annotation></semantics></math></p> - -<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mfrac><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mi><font><font>π</font></font></mi></mfrac></mrow><annotation encoding="TeX"><font><font>\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}</font></font></annotation></semantics></math></p> - -<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mfrac><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mi><font><font>π</font></font></mi></mfrac></mrow><annotation encoding="TeX"><font><font>\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}</font></font></annotation></semantics></math></p> - -<p><math><semantics><mrow><mo><font><font>∫</font></font></mo><mo lspace="0em" rspace="0em"><font><font>lim</font></font></mo><mi><font><font>je</font></font></mi><mi><font><font>t</font></font></mi><msubsup><mi><font><font>s</font></font></mi><mn><font><font>1</font></font></mn><mn><font><font>3</font></font></mn></msubsup><mfrac><mrow><msup><mi><font><font>e</font></font></mi><mn><font><font>3</font></font></mn></msup><mo><font><font>/</font></font></mo><mi><font><font>X</font></font></mi></mrow><msup><mi><font><font>X</font></font></mi><mn><font><font>2</font></font></mn></msup></mfrac><mspace width="thinmathspace"></mspace><mi><font><font>ré</font></font></mi><mi><font><font>X</font></font></mi></mrow><annotation encoding="TeX"><font><font>\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, dx</font></font></annotation></semantics></math></p> - -<p><math><semantics><mrow><mo><font><font>∫</font></font></mo><mo lspace="0em" rspace="0em">ln(x) dx = x[ln(x) - 1]</mo></mrow><annotation encoding="TeX"><font><font>l\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, d+x</font></font></annotation></semantics></math></p> - -<p><math><semantics><mtext><font><font>abcdefghijklmnopqrstuvwxyz</font></font></mtext><annotation encoding="TeX"><font><font>\alphabet</font></font></annotation></semantics></math></p> - -<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mtext><font><font>est un nombre irrationnel, et cela est le rapport entre la circonférence d'un cercle à son diamètre. </font><font>Il est communément approchée comme 3,14159.</font></font></mtext></mrow><annotation encoding="TeX"><font><font>\ pifacts {3}</font></font></annotation></semantics></math></p> - -<p><font><font>contenu</font></font></p> - -<h2 id="Test_live_sample" name="Test live sample">Test live sample</h2> - -<h3 id="HTML_Content">HTML Content</h3> - -<pre class="brush: html"><p>Hello World</p></pre> - -<h3 id="Result">Result</h3> - -<p>{{ EmbedLiveSample('Test live sample') }}</p> - -<h2 id="sect1"></h2> - -<h2 id="Focus_on_a_text_field" name="Focus_on_a_text_field">Focus on a text field</h2> - -<h3 id="HTML_Content_2">HTML Content</h3> - -<pre class="brush: html"><input type="text" id="myTextField" value="Text field."> -<p></p> -<button type="button" onclick="focusMethod()">Click me to focus on the text field!</button> </pre> - -<h3 id="CSS_Content_2">CSS Content</h3> - -<pre class="brush: css">/* Sample CSS Content */</pre> - -<h3 id="JavaScript_Content">JavaScript Content</h3> - -<pre class="brush: js">focusMethod = function getFocus() { - document.getElementById("myTextField").focus(); -} </pre> - -<h3 id="Result_2">Result</h3> - -<p>{{ EmbedLiveSample('Focus_on_a_text_field') }}</p> - -<h2 id="Focus_on_a_button" name="Focus_on_a_button">Focus on a button</h2> - -<h3 id="HTML_Content_3">HTML Content</h3> - -<pre class="brush: html"><button type="button" id="myButton">Click Me!</button> -<p></p> -<button type="button" onclick="focusMethod()">Click me to focus on the button!</button> </pre> - -<h3 id="CSS_Content_3">CSS Content</h3> - -<pre class="brush: css">Sample CSS Content</pre> - -<h3 id="JavaScript_Content_2">JavaScript Content</h3> - -<pre class="brush: js">focusMethod = function getFocus() { - document.getElementById("myButton").focus(); -} </pre> - -<h3 id="Result_3">Result</h3> - -<p>{{ EmbedLiveSample('Focus_on_a_button') }}</p> |