3 "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
4 "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd"
6 <!ENTITY mathml "http://www.w3.org/1998/Math/MathML">
8 <html xmlns="http://www.w3.org/1999/xhtml"
9 xmlns:html="http://www.w3.org/1999/xhtml"
10 xmlns:math="http://www.w3.org/1998/Math/MathML"
11 xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
13 <!-- ***** BEGIN LICENSE BLOCK *****
14 - Version: MPL 1.1/GPL 2.0/LGPL 2.1
16 - The contents of this file are subject to the Mozilla Public License Version
17 - 1.1 (the "License"); you may not use this file except in compliance with
18 - the License. You may obtain a copy of the License at
19 - http://www.mozilla.org/MPL/
21 - Software distributed under the License is distributed on an "AS IS" basis,
22 - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
23 - for the specific language governing rights and limitations under the
26 - The Original Code is Mozilla MathML Project.
28 - The Initial Developer of the Original Code is
29 - The University of Queensland.
30 - Portions created by the Initial Developer are Copyright (C) 1999
31 - the Initial Developer. All Rights Reserved.
34 - Roger B. Sidje <rbs@maths.uq.edu.au>
36 - Alternatively, the contents of this file may be used under the terms of
37 - either the GNU General Public License Version 2 or later (the "GPL"), or
38 - the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
39 - in which case the provisions of the GPL or the LGPL are applicable instead
40 - of those above. If you wish to allow use of your version of this file only
41 - under the terms of either the GPL or the LGPL, and not to allow others to
42 - use your version of this file under the terms of the MPL, indicate your
43 - decision by deleting the provisions above and replace them with the notice
44 - and other provisions required by the LGPL or the GPL. If you do not delete
45 - the provisions above, a recipient may use your version of this file under
46 - the terms of any one of the MPL, the GPL or the LGPL.
48 - ***** END LICENSE BLOCK ***** -->
51 <title>Mixing MathML with other markup</title>
54 <body style="font-size: 18pt;
55 background-color: gold;
56 background-image: url(resource:/res/samples/raptor.jpg);
57 background-repeat: no-repeat;
58 background-attachment: fixed;">
60 <h2 style="text-align: center; color: blue">
61 Mixing MathML markups and other markups to get special effects</h2>
65 A fraction with the animated throbber as denominator...
68 <math mode="display" xmlns="http://www.w3.org/1998/Math/MathML">
69 <mfrac linethickness="3">
71 <html:img src="chrome://communicator/skin/brand/throbber-anim.gif" />
75 Fill the gaps in this matrix with input fields
76 <math mode="display" xmlns="http://www.w3.org/1998/Math/MathML">
82 <mtd><html:input value="?" size="1"/></mtd>
85 <mtd><html:input value="?" size="1"/></mtd>
95 See the difference of rendering between <br />
97 <math xmlns="http://www.w3.org/1998/Math/MathML">
99 <mi fontstyle="italic">jif</mi>
100 <mi fontstyle="italic">jif</mi>
102 </math> -- italic MathML <msup> and
106 <span><i>jif</i><sup><i>jif</i></sup></span> -- italic HTML <sup>
111 And there could be more...
113 <div style="text-align: center">
114 <button style="background-color:rgb(192,192,192)">
115 <span style="color: brown;">
116 For example, click this MathML continued fraction inside a HTML button<br />
118 <math xmlns="&mathml;">
125 <mfrac numalign="left">
126 <mstyle scriptlevel="0">
129 <mstyle scriptlevel="0">
133 <mfrac numalign="left">
134 <mstyle scriptlevel="0">
135 <msup><mn>1</mn><mn>2</mn></msup>
137 <mstyle scriptlevel="0">
141 <mfrac numalign="left">
142 <mstyle scriptlevel="0">
143 <msup><mn>3</mn><mn>2</mn></msup>
145 <mstyle scriptlevel="0">
149 <mfrac numalign="left">
150 <mstyle scriptlevel="0">
151 <msup><mn>5</mn><mn>2</mn></msup>
153 <mstyle scriptlevel="0">
157 <mfrac numalign="left">
158 <mstyle scriptlevel="0">
159 <msup><mn>7</mn><mn>2</mn></msup>
161 <mstyle scriptlevel="0">
162 <mn>2</mn><mo>+</mo><mo fontweight="bold">...</mo>