MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Sandbox

翻譯不完整。請協助 翻譯此英文文件

This is a page

 

coucou les amis

HTML

Sample HTML Content

CSS Content

Sample CSS Content

JavaScript Content

Sample JavaScript Content

Result

 

<html>
</html>

 

 

CSS Content

@ Compteur de style fisheye {
  système: cyclique;
  symboles: ◉;


<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>


}

.liste {
    list-style: fisheye, cercle;
}

Hello World

HTML

<p>Hello World</p>

Linux logo

logo couleur MDN (bleu)

 

Des trucs

Une note 

Un avertissement dans une note

Une note dans un avertissement dans une note

 

 

 

 

 

 

 

une autre note

Une note dans une note

This is an example of how to use the MDN!

 

π×1=1×π=2π÷π=π\ Pi \ times 1 = 1 \ times \ pi = 2 \ pi \ div \ pi = \ pi

ππππππ\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}

ππππππ\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}

limjets13e3/XX2X\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, dx

ln(x) dx = x[ln(x) - 1]l\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, d+x

abcdefghijklmnopqrstuvwxyz\alphabet

πest un nombre irrationnel, et cela est le rapport entre la circonférence d'un cercle à son diamètre. Il est communément approchée comme 3,14159.\ pifacts {3}

contenu

 

Test live sample

HTML Content

<p>Hello World</p>

Result

 

Focus on a text field

HTML Content

<input type="text" id="myTextField" value="Text field.">
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the text field!</button> 

CSS Content

Sample CSS Content

JavaScript Content

focusMethod = function getFocus() {          
  document.getElementById("myTextField").focus();
} 

Result

Focus on a button

HTML Content

<button type="button" id="myButton">Click Me!</button>
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the button!</button> 

CSS Content

Sample CSS Content

JavaScript Content

focusMethod = function getFocus() {          
  document.getElementById("myButton").focus();
} 

Result

文件標籤與貢獻者

 此頁面的貢獻者: oude3c
 最近更新: oude3c,