diff options
Diffstat (limited to 'files/es/mozilla/mathml_project/basics/index.html')
| -rw-r--r-- | files/es/mozilla/mathml_project/basics/index.html | 821 |
1 files changed, 0 insertions, 821 deletions
diff --git a/files/es/mozilla/mathml_project/basics/index.html b/files/es/mozilla/mathml_project/basics/index.html deleted file mode 100644 index 2a9031c69d..0000000000 --- a/files/es/mozilla/mathml_project/basics/index.html +++ /dev/null @@ -1,821 +0,0 @@ ---- -title: Bases de MathML -slug: Mozilla/MathML_Project/Basics -translation_of: Mozilla/MathML_Project/Basics ---- -<h2 id="Bases_de_MathML">Bases de MathML</h2> -<p>Este documento muestra algunas de las construcciones básicas de MathML. Está confeccionado para mostrarse correctamente con la tipografía/fuente Symbol. Puedes ver su fuente. No obstante, los documentos de MathML tienden a ser verborrágicos y puede ser que te extravíes intentando localizar fragmentos de MathML con la vista usual de código fuente. Se ha hecho esta demo con el fin de ilustrar los siguientes aspectos. Puedes hacer un clic derecho sobre cualquier fragmento matemático de interés a lo largo de este documento. El menú contextual no aparecerá. En realidad, el fragmento matemático hará zoom y, si haces clic una segunda vez, verás el <em>WYSIWYG</em> de lenguaje de marcado de MathML; y, si tu haces clic por tercera vez, el fragmento regresará a su estado original. Este modo de tres estados busca limitar los conflictos con otros agentes que compitan por el mouse.</p> -<p>Con MathML se puede construir conjuntos tales como (procede a hacer clic sobre cualquiera de estas ecuaciones para probar el zoom) <math> <mrow> <mo>{</mo> <mrow> <mn>0</mn> <mo>,</mo> <mn>1</mn> <mo>,</mo> <mn>2</mn> <mo>,</mo> <mn>3</mn> <mo>,</mo> <mn>4</mn> </mrow> <mo>}</mo> </mrow> </math> o <math> <mrow> <mo>{</mo> <mrow> <mrow> <mo>⌊</mo> <mfrac> <mi>a</mi> <mi>b</mi> </mfrac> <mo>⌋</mo> </mrow> <mo stretchy="true">|</mo> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>≤</mo> <mn>3</mn> </mrow> </mrow> <mo>}</mo> </mrow> </math>, escribir el cálculo <math> <mrow> <mfrac> <mrow> <mi>d</mi> <mi>y</mi> </mrow> <mrow> <mi>d</mi> <mi>x</mi> </mrow> </mfrac> <mo>=</mo> <mfrac> <mn>1</mn> <msup> <mi>y</mi> <mn>2</mn> </msup> </mfrac> </mrow> </math>, formar expresiones complejas <math> <mrow> <mrow> <munder> <mo movablelimits="false">lim</mo> <mrow> <mi>n</mi> <mo>→</mo> <mi>N</mi> </mrow> </munder> <msup> <mrow> <mo>(</mo> <mrow> <mn>1</mn> <mo>+</mo> <mfrac> <mn>1</mn> <mi>n</mi> </mfrac> </mrow> <mo>)</mo> </mrow> <mi>n</mi> </msup> </mrow> <mo>−</mo> <msup> <mi>e</mi> <mi>N</mi> </msup> </mrow> </math>, <math> <mrow> <mi>k</mi> <mo>=</mo> <mfrac> <mrow> <mfrac> <mrow> <msup> <mo>∂</mo> <mn>2</mn> </msup> <mi>z</mi> </mrow> <mrow> <mo>∂</mo> <msup> <mi>x</mi> <mn>2</mn> </msup> </mrow> </mfrac> <mfrac> <mrow> <msup> <mo>∂</mo> <mn>2</mn> </msup> <mi>z</mi> </mrow> <mrow> <mo>∂</mo> <msup> <mi>y</mi> <mn>2</mn> </msup> </mrow> </mfrac> <mo>-</mo> <msup> <mrow> <mo>(</mo> <mfrac> <mrow> <msup> <mo>∂</mo> <mn>2</mn> </msup> <mi>z</mi> </mrow> <mrow> <mo>∂</mo> <mi>x</mi> <mo>∂</mo> <mi>y</mi> </mrow> </mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> </mrow> <mrow> <msup> <mrow> <mo>(</mo> <mn>1</mn> <mo>+</mo> <msup> <mrow> <mo>(</mo> <mfrac> <mrow> <mo>∂</mo> <mi>z</mi> </mrow> <mrow> <mo>∂</mo> <mi>x</mi> </mrow> </mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>+</mo> <msup> <mrow> <mo>(</mo> <mfrac> <mrow> <mo>∂</mo> <mi>z</mi> </mrow> <mrow> <mo>∂</mo> <mi>y</mi> </mrow> </mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>)</mo> </mrow> <mn>2</mn> </msup> </mrow> </mfrac> </mrow> </math>, escribir ecuaciones de vectores <math mathvariant="bold"> <mrow> <mi>Y</mi> <mo>=</mo> <mrow> <mrow> <mi>a</mi> <mo></mo> <mi>X</mi> </mrow> <mo>+</mo> <mi>b</mi> </mrow> </mrow> </math>, etcétera.</p> -<p>Nota cómo las anotaciones matemáticas aparecen en el flujo de texto principal y responden a medida de que reajustas la ventana. También puedes escribir ecuaciones representadas como la siguiente</p> -<p><math display="block"> <mrow> <mrow> <mi>x</mi> <mover> <mo>→</mo> <mtext>mapea a</mtext> </mover> <mi>y</mi> <mo>=</mo> <msub> <mi>f</mi> <mi>n</mi> </msub> <mo></mo> <mrow> <mo>(</mo> <mi>x</mi> <mo>)</mo> </mrow> </mrow> <mo>=</mo> <msup> <mrow> <mo>(</mo> <mrow> <mn>1</mn> <mo>+</mo> <mfrac> <mn>1</mn> <msup> <mi>x</mi> <mi>n</mi> </msup> </mfrac> </mrow> <mo>)</mo> </mrow> <mi>n</mi> </msup> </mrow> </math> <math display="block"> <mrow> <msubsup> <mo>∫</mo> <mi>a</mi> <mi>b</mi> </msubsup> <mi>f</mi> <mrow> <mo>(</mo> <mi>x</mi> <mo>)</mo> </mrow> <mi>d</mi> <mi>x</mi> </mrow> <mrow> <mo>=</mo> <mfrac> <mrow> <mi>b</mi> <mo>-</mo> <mi>a</mi> </mrow> <mn>6</mn> </mfrac> <mrow> <mo>[</mo> <mi>f</mi> <mrow> <mo>(</mo> <mi>a</mi> <mo>)</mo> </mrow> <mo>+</mo> <mn>4</mn> <mi>f</mi> <mrow> <mo>(</mo> <mfrac> <mrow> <mi>a</mi> <mo>+</mo> <mi>b</mi> </mrow> <mn>2</mn> </mfrac> <mo>)</mo> </mrow> <mo>+</mo> <mi>f</mi> <mrow> <mo>(</mo> <mi>b</mi> <mo>)</mo> </mrow> <mo>]</mo> </mrow> <mo>-</mo> <mfrac> <msup> <mrow> <mo>(</mo> <mi>b</mi> <mo>-</mo> <mi>a</mi> <mo>)</mo> </mrow> <mn>5</mn> </msup> <mrow> <mn>4</mn> <mo>!</mo> <mn>5</mn> <mo>!</mo> </mrow> </mfrac> <msup> <mi>f</mi> <mrow> <mo>(</mo> <mn>4</mn> <mo>)</mo> </mrow> </msup> <mrow> <mo>(</mo> <mi>η</mi> <mo>)</mo> </mrow> <mo>,</mo> <mspace width="1em"></mspace> <mi>a</mi> <mo>≤</mo> <mi>η</mi> <mo>≤</mo> <mi>b</mi> </mrow> </math> <math display="block"> <mrow> <mrow> <mo>|</mo> <mi>x</mi> <mo>|</mo> </mrow> <mo>=</mo> <mo>{</mo> <mtable> <mtr> <mtd columnalign="right"> <mrow> <mo>-</mo> <mi>x</mi> </mrow></mtd><mtd columnalign="left">si <mspace width="thinmathspace"></mspace><mi>x</mi> <mo><</mo> <mn>0</mn> </mtd> </mtr> <mtr> <mtd columnalign="right"> <mi>x</mi> </mtd><mtd columnalign="left"><mtext>de lo contrario</mtext> </mtd></mtr></mtable></mrow></math>Tambien puedes escribir construcciones matemáticas bidimensionales [2D] como las matrices. El ejemplo siguiente muestra el - <i> - paso i</i> - -th de la multiplicación de una matriz - <i> - A</i> - por un a vector - <i> - x</i> - (nota cómo <math> <msub> <mi>a</mi><mrow><mi>i</mi><mn>1</mn></mrow> </msub> <mo>,</mo> <mo>...</mo> <mo>,</mo> <msub> <mi>a</mi><mrow><mi>i</mi><mi>n</mi></mrow> </msub> <mo>,</mo> <msub><mi>x</mi><mn>1</mn></msub> </math>están en la misma línea de base, otros alineamientos son posibles): <math display="block"> <mrow> <mi>i</mi><mtext>-th row</mtext> <mrow> <mo>[</mo> <mtable align="baseline3" rowlines="none solid solid none"> <mtr> <mtd> <msub> <mi>a</mi><mrow><mn>1</mn><mn>1</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mn>1</mn><mn>2</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mn>1</mn><mn>3</mn></mrow> </msub> </mtd> <mtd> <mo>...</mo> </mtd> <mtd> <msub> <mi>a</mi><mrow><mn>1</mn><mi>n</mi></mrow> </msub> </mtd> </mtr> <mtr> <mtd> <mo>:</mo> </mtd> <mtd> <mo>:</mo> </mtd> <mtd> <mo>:</mo> </mtd> <mtd> <mo>...</mo> </mtd> <mtd> <mo>:</mo> </mtd> </mtr> <mtr> <mtd> <msub> <mi>a</mi><mrow><mi>i</mi><mn>1</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mi>i</mi><mn>2</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mi>i</mi><mn>3</mn></mrow> </msub> </mtd> <mtd> <mo>...</mo> </mtd> <mtd> <msub> <mi>a</mi><mrow><mi>i</mi><mi>n</mi></mrow> </msub> </mtd> </mtr> <mtr> <mtd> <mo>:</mo> </mtd> <mtd> <mo>:</mo> </mtd> <mtd> <mo>:</mo> </mtd> <mtd> </mtd> <mtd> <mo>:</mo> </mtd> </mtr> <mtr> <mtd> <msub> <mi>a</mi><mrow><mi>n</mi><mn>1</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mi>n</mi><mn>2</mn></mrow> </msub> </mtd> <mtd> <msub> <mi>a</mi><mrow><mi>n</mi><mn>3</mn></mrow> </msub> </mtd> <mtd> <mo>...</mo> </mtd> <mtd> <msub> <mi>a</mi> <mrow> <mi>n</mi> <mi>n</mi> </mrow> </msub> </mtd> </mtr> </mtable> <mo>]</mo> </mrow> <mrow> <mo symmetric="false">[</mo> <mtable align="baseline1"> <mtr> <mtd> <msub><mi>x</mi><mn>1</mn></msub> </mtd> </mtr> <mtr> <mtd> <msub><mi>x</mi><mn>2</mn></msub> </mtd> </mtr> <mtr> <mtd> <msub><mi>x</mi><mn>3</mn></msub> </mtd> </mtr> <mtr> <mtd> <mo>:</mo> </mtd> </mtr> <mtr> <mtd> <msub><mi>x</mi><mi>n</mi></msub> </mtd> </mtr> </mtable> <mo symmetric="false">]</mo> </mrow> </mrow> </math></p> -<p>En Mozilla, MathML corre dentro del navegador principal por lo tanto responde a otras operaciones del navegador tales como el zoom (intenta Ver -> Ampliación/Zoom de texto), y puedes hacer hiperenlaces <math href="http://en.wikipedia.org/wiki/Pythagorean_theorem"> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math>, aplicar estilos con <span style="">effectos <math> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mrow> <mo>+</mo> </mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mo>=</mo> </mrow> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </span>, o usar colores <math> <mrow> <mrow> <msup mathcolor="red"> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup mathcolor="green"> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo mathbackground="yellow">=</mo> <msup mathcolor="purple"> <mi>c</mi> <mn>2</mn> </msup></mrow></math>en formas variadas.<math display="block"> <mrow mathcolor="red"> <mfrac> <mrow> <mi>p</mi><mo>(</mo><mi>x</mi><mo>)</mo> </mrow> <mrow> <mi>q</mi><mo>(</mo><mi>x</mi><mo>)</mo> </mrow> </mfrac> <mo>=</mo> <mfrac> <mrow mathcolor="blue"> <msub><mi>a</mi><mn>0</mn></msub> <mo>+</mo> <msub><mi>a</mi><mn>1</mn></msub><mi>x</mi> <mo>+</mo> <msub><mi>a</mi><mn>2</mn></msub> <msup><mi>x</mi><mn>2</mn></msup> <mo>+</mo> <mo>...</mo> <mo>+</mo> <msub><mi>a</mi><mrow><mi>n</mi><mo>-</mo><mn>1</mn></mrow></msub> <msup><mi>x</mi><mrow><mi>n</mi><mo>-</mo><mn>1</mn></mrow></msup> </mrow> <mrow mathcolor="green"> <msub><mi>b</mi><mn>0</mn></msub> <mo>+</mo> <msub><mi>b</mi><mn>1</mn></msub><mi>x</mi> <mo>+</mo> <msub><mi>b</mi><mn>2</mn></msub> <msup><mi>x</mi><mn>2</mn></msup> <mo>+</mo> <mo>...</mo> <mo>+</mo> <msub><mi>b</mi><mrow><mi>n</mi><mo>-</mo><mn>1</mn></mrow></msub> <msup><mi>x</mi><mrow><mi>n</mi><mo>-</mo><mn>1</mn></mrow></msup> </mrow> </mfrac> <mo>.</mo> </mrow> </math></p> -<p>También puedes hacer otras cosas extrañas y riesgosas que no son adaptables, advierte Bongo, tales como mezclar MathML con otros <em>markups</em>.<math display="block"> <mrow><mi>Lagartija</mi> <mo>+</mo> <mi>Bongo</mi> <mo>=</mo> <mfrac> <mtext> <img alt="logo-star" height="200" src="http://www.mozilla.org/images/logo-star.gif" width="197"> </mtext> <mrow> <mo>∫</mo> <munderover> <mtext> <img alt="mozilla-16" height="16" src="http://www.mozilla.org/images/mozilla-16.png" width="16"> </mtext> <mi>a</mi> <mi>b</mi> </munderover> <mi>d</mi> <mi>x</mi> </mrow> </mfrac> <mo>+</mo> <mpadded depth="65px" voffset="-65px"> <mtext> <img alt="mathboard" height="137" src="https://developer.mozilla.org/@api/deki/files/4238/=mathboard.png" width="184"> </mtext> </mpadded> </mrow> </math></p> -<div style="display: none;"> - <h2 id="MathML_and_Javascript" name="MathML_and_Javascript">MathML and Javascript</h2> - <h3 id="HTML_Content">HTML Content</h3> - <pre class="brush: html"><p> -And you can turn to JavaScript and the DOM for dynamic operations. -</p> - -<div style="text-align:center"> -Fill the gaps in this matrix with resizable input fields. -</div> -<math class="inputmath" display="block"> -<mrow> -<mi>A</mi> -<mo>=</mo> -<mo>[</mo> -<mtable> -<mtr> -<mtd><mn>1</mn></mtd> -<mtd> -<mtext><input id="input12" value="?" size="1"/></mtext> -</mtd> -</mtr> -<mtr> -<mtd> -<mtext><input id="input21" value="?" size="1"/></mtext> -</mtd> -<mtd><mn>4</mn></mtd> -</mtr> -</mtable> -<mo>]</mo> -</mrow> -</math> -<div style="text-align:center"> -Left size: -<a class="control" href="javascript:incrementInput('input21', 1);" title="increase input">+</a> -<a class="control" href="javascript:incrementInput('input21',-1);" title="decrease input">-</a> - - &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; - - Right size: -<a class="control" href="javascript:incrementInput('input12', 1);" title="increase input">+</a> -<a class="control" href="javascript:incrementInput('input12',-1);" title="decrease input">-</a> -<br/> - (click these control buttons to see their effects.) - </div> - -<p> -Each entry of the following matrix represents -<math> -<msup><mrow><mo>(</mo><mi>x</mi><mo>+</mo><mi>y</mi><mo>)</mo></mrow><mi>n</mi></msup> -</math> for some <i>n</i>. -When you left-click any individual entry, it should toggle between its expanded and -unexpanded forms. You can also <a href="javascript:unexpand();">unexpand all</a> or -<a href="javascript:expand();">expand all</a>. -</p> - -<div> -<math display="block"> -<mtable> -<mtr> -<mtd> -<mtable align="axis" columnalign="left left left"> -<mtr> -<mtd> -<maction id="a11" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>0</mn> -</msup> -<mn>1</mn> -</maction> -</mtd> -<mtd> -<maction id="a12" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>1</mn> -</msup> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a13" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>2</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>2</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -</maction> -</mtd> -</mtr> -<mtr> -<mtd> -<maction id="a21" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>1</mn> -</msup> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a22" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>2</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>2</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a23" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>3</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -</maction> -</mtd> -</mtr> -<mtr> -<mtd> -<maction id="a31" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>2</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>2</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a32" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>3</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a33" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>4</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>4</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>4</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>6</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<mrow> -<mn>4</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>4</mn> -</msup> -</mrow> -</maction> -</mtd> -</mtr> -<mtr> -<mtd> -<maction id="a41" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>3</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>3</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a42" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>4</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>4</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>4</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>6</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<mrow> -<mn>4</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>4</mn> -</msup> -</mrow> -</maction> -</mtd> -<mtd> -<maction id="a43" actiontype="toggle" selection="2"> -<msup> -<mrow> -<mo>(</mo> -<mrow> -<mi>x</mi> -<mo>+</mo> -<mi>y</mi> -</mrow> -<mo>)</mo> -</mrow> -<mn>5</mn> -</msup> -<mrow> -<msup> -<mi>x</mi> -<mn>5</mn> -</msup> -<mo>+</mo> -<mrow> -<mn>5</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>4</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<mi>y</mi> -</mrow> -<mo>+</mo> -<mrow> -<mn>10</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>3</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>2</mn> -</msup> -</mrow> -<mo>+</mo> -<mrow> -<mn>10</mn> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>x</mi> -<mn>2</mn> -</msup> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>3</mn> -</msup> -</mrow> -<mo>+</mo> -<mrow> -<mn>5</mn> -<mo>&InvisibleTimes;</mo> -<mi>x</mi> -<mo>&InvisibleTimes;</mo> -<msup> -<mi>y</mi> -<mn>4</mn> -</msup> -</mrow> -<mo>+</mo> -<msup> -<mi>y</mi> -<mn>5</mn> -</msup> -</mrow> -</maction> -</mtd> -</mtr> -</mtable> -</mtd> -</mtr> -</mtable> -</math> -</div> - -</pre> - <h3 id="CSS_Content">CSS Content</h3> - <pre class="brush: css">.control { -text-decoration: none; -font-weight: bold; -font-size: 200%; -} -input { -color: red; -} -[class="inputmath"] { -border: 1px dotted; -} -</pre> - <h3 id="JavaScript_Content">JavaScript Content</h3> - <pre class="brush: js">function setSelection(id,value) { -document.getElementById(id).setAttribute("selection",value); -} -function expand() -{ - setSelection("a11","2"); setSelection("a12","2"); setSelection("a13","2"); - setSelection("a21","2"); setSelection("a22","2"); setSelection("a23","2"); - setSelection("a31","2"); setSelection("a32","2"); setSelection("a33","2"); - setSelection("a41","2"); setSelection("a42","2"); setSelection("a43","2"); -} -function unexpand() -{ - setSelection("a11","1"); setSelection("a12","1"); setSelection("a13","1"); - setSelection("a21","1"); setSelection("a22","1"); setSelection("a23","1"); - setSelection("a31","1"); setSelection("a32","1"); setSelection("a33","1"); - setSelection("a41","1"); setSelection("a42","1"); setSelection("a43","1"); -} - -function incrementInput(inputID, increment) -{ - var inputElement = document.getElementById(inputID); - var size = parseInt(inputElement.size) + increment; - if (size <= 0) - size = 1 - inputElement.size = size; -}</pre> -</div> -<p>{{ EmbedLiveSample('MathML_and_Javascript', '100%', '400px') }}</p> -<p>Y podría haber más cosas...</p> -<div style="display: none;"> - <h2 id="MathML_Button" name="MathML_Button">MathML Button</h2> - <h3 id="HTML_Content_2">HTML Content</h3> - <pre class="brush: html"><div style="text-align: center"> - <button style="white-space: normal;"> - <span style="color: brown;"> - - For example, <b>click</b> this MathML continued fraction<br/> - inside this HTML button<br /> - </span> -<math> -<mrow> -<mfrac> -<mi>&pi;</mi> -<mn>4</mn> -</mfrac> -<mo>=</mo> -<mfrac numalign="left"> -<mstyle scriptlevel="0"> -<mn>1</mn> -</mstyle> -<mstyle scriptlevel="0"> -<mrow> -<mn>2</mn> -<mo>+</mo> -<mfrac numalign="left"> -<mstyle scriptlevel="0"> -<msup><mn>1</mn><mn>2</mn></msup> -</mstyle> -<mstyle scriptlevel="0"> -<mrow> -<mn>2</mn> -<mo>+</mo> -<mfrac numalign="left"> -<mstyle scriptlevel="0"> -<msup><mn>3</mn><mn>2</mn></msup> -</mstyle> -<mstyle scriptlevel="0"> -<mrow> -<mn>2</mn> -<mo>+</mo> -<mfrac numalign="left"> -<mstyle scriptlevel="0"> -<msup><mn>5</mn><mn>2</mn></msup> -</mstyle> -<mstyle scriptlevel="0"> -<mrow> -<mn>2</mn> -<mo>+</mo> -<mfrac numalign="left"> -<mstyle scriptlevel="0"> -<msup><mn>7</mn><mn>2</mn></msup> -</mstyle> -<mstyle scriptlevel="0"> -<mn>2</mn><mo>+</mo><mo mathvariant="bold">...</mo> -</mstyle> -</mfrac> -</mrow> -</mstyle> -</mfrac> -</mrow> -</mstyle> -</mfrac> -</mrow> -</mstyle> -</mfrac> -</mrow> -</mstyle> -</mfrac> -</mrow> -</math> - </button> -</div><span style="display: none;"> -</span></pre> -</div> -<p>{{ EmbedLiveSample('MathML_Button', '100%', '300px') }}</p> -<p>Para más información sobre MathML en Mozilla, mira la <a href="http://www.mozilla.org/projects/mathml/">página del Proyecto MathML</a>. Hay enlaces a más ejemplos, <a href="http://www.mozilla.org/projects/mathml/screenshots/">capturas de pantalla</a> e instrucciones sobre cómo <a href="http://www.mozilla.org/projects/mathml/fonts/">descargar fuentes tipográficas</a> para varias plataformas. Dichas fuentes son requeridas para visualizar otros ejemplos además de las construcciones básicas mostradas aquí.</p> -<div style="display: none;"> - <h2 id="MathML_Background_Image" name="MathML_Background_Image">MathML Background Image</h2> - <h3 id="HTML_Content_3">HTML Content</h3> - <pre class="brush: html"><div class="background"></div> -<math display="block"> -<mrow> -<msub> -<mi>Z</mi> -<mi>&alpha;</mi> -</msub> -<mrow> -<mo>(</mo> -<mi>f</mi> -<mo>)</mo> -</mrow> -<mo>=</mo> - -<mfrac> -<mn>1</mn> -<mrow> -<mn>2</mn> -<mi>i</mi> -<mo>&ThinSpace;</mo> -<mi>cos</mi> -<mo>(</mo> -<mfrac> -<mrow> -<mi>&alpha;</mi> -<mi>&pi;</mi> -</mrow> -<mn>2</mn> -</mfrac> -<mo>)</mo> -</mrow> -</mfrac> - -<mrow> -<msub> -<mo>&int;</mo> -<mi>C</mi> -</msub> -<mfrac> -<mrow> -<mi>f</mi> -<mo stretchy='false'>(</mo> -<mi>i</mi> -<mi>z</mi> -<mo stretchy='false'>)</mo> -<msup> -<mrow> -<mo>(</mo> -<mo>-</mo> -<mi>z</mi> -<mo>)</mo> -</mrow> -<mi>&alpha;</mi> -</msup> -</mrow> -<mrow> -<msup> -<mi>e</mi> -<mrow> -<mn>2</mn> -<mi>&pi;</mi> -<mi>z</mi> -</mrow> -</msup> -<mo>-</mo> -<mn>1</mn> -</mrow> -</mfrac> -</mrow> -<mi>d</mi> -<mi>z</mi> -</mrow> -</math></pre> - <h3 id="CSS_Content_2">CSS Content</h3> - <pre class="brush: css">[class="background"] { - background-image: url(http://www.mozilla.org/images/mozilla-banner.gif); - opacity: 0.2; - position: absolute; - left: 0; - width: 100%; - height: 58px; -} -</pre> -</div> -<p>{{ EmbedLiveSample('MathML_Background_Image', '100%', '300px') }}</p> |